Code: Select all
<html>
<head>
<style type="text/css">
div { border: 1px solid black; }
#b { float: left; border-color: red; }
</style>
</head>
<body>
<div id="a">
<div id="b">b</div>
</div>
</body>
</html>
Here div#a has height zero and div#b is displayed below div#a. What's going on and how to make it fit?