49 lines
1.8 KiB
HTML
49 lines
1.8 KiB
HTML
<!-- webkit-test-runner [ LayoutFormattingContextEnabled=true LayoutFormattingContextIntegrationEnabled=false ] -->
|
|
<style>
|
|
.container {
|
|
width: 300px;
|
|
height: 100px;
|
|
}
|
|
|
|
.float {
|
|
background-color: blue;
|
|
}
|
|
|
|
.root {
|
|
overflow: hidden;
|
|
background-color: red;
|
|
}
|
|
</style>
|
|
|
|
<div class=container>
|
|
<div class=float style="float: left; width: 100px; height: 20px;"></div>
|
|
<div class=float style="float: right; width: 110px; height: 20px;"></div>
|
|
<div class=float style="float: left; width: 200px; height: 20px;"></div>
|
|
<div class=float style="float: right; width: 110px; height: 20px;"></div>
|
|
<div class=root style="width: 90px; height: 20px;"></div>
|
|
</div>
|
|
|
|
<div class=container>
|
|
<div class=float style="float: left; width: 100px; height: 20px;"></div>
|
|
<div class=float style="float: right; width: 110px; height: 20px;"></div>
|
|
<div class=float style="float: left; width: 200px; height: 20px;"></div>
|
|
<div class=float style="float: right; width: 110px; height: 20px;"></div>
|
|
<div class=root style="width: 100px; height: 20px;"></div>
|
|
</div>
|
|
|
|
<div class=container>
|
|
<div class=float style="float: left; width: 100px; height: 20px;"></div>
|
|
<div class=float style="float: right; width: 110px; height: 20px;"></div>
|
|
<div class=float style="float: left; width: 200px; height: 20px;"></div>
|
|
<div class=float style="float: right; width: 110px; height: 20px;"></div>
|
|
<div class=root style="width: 190px; height: 20px;"></div>
|
|
</div>
|
|
|
|
<div class=container>
|
|
<div class=float style="float: left; width: 100px; height: 20px;"></div>
|
|
<div class=float style="float: right; width: 110px; height: 20px;"></div>
|
|
<div class=float style="float: left; width: 200px; height: 20px;"></div>
|
|
<div class=float style="float: right; width: 110px; height: 20px;"></div>
|
|
<div class=root style="width: 300px; height: 20px;"></div>
|
|
</div>
|