你不加clear:both在火狐,IE8中打开！！肯定是不行的foot会浮上去！！！但在IE6,7是显示正常页面！！
而加了clear:both浏览器所显示的效果都一致了(IE5没试)！！
代码没改就是放到一个页面里你试试
<html>
<head>
<title> New Document </title>
<style type ="text/css">
#head{width:100%; height:20px; background:#789;}
#left{float:left; width:200px; height:300px; background:#823;}
#right{float:right; width:200px; height:300px; background:#399;}
#foot{clear:both; width:100%; height:20px; background:#789;}
</style>
</head>
<body>
<div id="head">head</div>
<div id="left">left</div>
<div id="right">right</div>
<div id="foot">footer</div>
</body>
</html>
|
