}
</style>
</head>
<body>
<div id="main">
<div id="left"></div>
<div id="right"></div>
</div>
</body>
</html>
效果图如下：
虽然foot中使用clear:both清除浮动，但是main的高度无法自适应子元素的高度，导致塌陷（箭头所指）。
下面介绍闭合浮动，顾名思义，就是使浮动元素闭合，清除浮动带来的影响。目前较常用的清除浮动的方法为clearfix。具体就是，不用在foot中添加clear:both，插入如下一行css：
CSS Code复制内容到剪贴板
#main:after{
content: ‘.’;
height: 0;
visibility: hidden;
/*display: block;*/
clear:both;
}
