mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-18 15:55:36 +00:00
32 lines
447 B
HTML
32 lines
447 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;
|
|
height: 20px;
|
|
background: blue;
|
|
}
|
|
|
|
.bfc {
|
|
float: left;
|
|
width: 200px;
|
|
height: 15px;
|
|
background: fuchsia;
|
|
}
|
|
|
|
</style>
|
|
|
|
|
|
<div class="contain">
|
|
<div class="float" style="width: 200px"></div>
|
|
<div class="bfc"></div>
|
|
</div>
|