<html>
<head>
<style>
div.box {
display: -moz-box;
display: -webkit-box;
display: box;
}
div.float {
float: left;
width: 92px;
height:92px;
background-color: green;
}
</style>
</head>
<body>
<p>
You should see a 100x100 green square below enclosed by an olive border. If you see any red, the test has failed. If the border does not fully enclose the green square, then the test has failed.
</p>
<p>
This test is checking to make sure blocks with auto height that are children of boxes will expand to encompass overhanging floats.
</p>
<div style="width:100px;height:100px;background-color:red">
<div class="box" style="border:4px solid olive">
<div>
<div class="float">
</div>
</div>
</div>
</div>
</body>
</html>
Codebase Browser
chromium