blob: 0a8d0c08851de8b8d43f1e8ef3afc899d2a709b7 [file] [log] [blame]
<!-- webkit-test-runner [ internal:LayoutFormattingContextEnabled=true internal: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>