зеркало из https://github.com/mozilla/gecko-dev.git
35 строки
549 B
HTML
35 строки
549 B
HTML
|
<!DOCTYPE HTML>
|
||
|
|
<title>Test of block formatting context displacement by floats</title>
|
||
|
|
<style>
|
||
|
|
|
||
|
|
.contain {
|
||
|
|
border: medium solid;
|
||
|
|
width: 400px;
|
||
|
|
height: 400px;
|
||
|
|
background: yellow;
|
||
|
|
}
|
||
|
|
|
||
|
|
.float {
|
||
|
|
float: left;
|
||
|
|
clear: left;
|
||
|
|
height: 20px;
|
||
|
|
background: blue;
|
||
|
|
}
|
||
|
|
|
||
|
|
.bfc {
|
||
|
|
float: left;
|
||
|
|
width: 250px;
|
||
|
|
margin-top: 7px;
|
||
|
|
height: 13px; /* fits exactly */
|
||
|
|
background: fuchsia;
|
||
|
|
}
|
||
|
|
|
||
|
|
</style>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="contain">
|
||
|
|
<div class="float" style="width: 100px"></div>
|
||
|
|
<div class="bfc"></div>
|
||
|
|
<div class="float" style="width: 200px"></div>
|
||
|
|
</div>
|