<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>文本域</title>
<style>
*{margin:0;padding:0;}
#box1{width: 200px; height:200px;border: 1px solid pink;margin: 80px;float:left;}
#box2{width: 200px; height:200px;border: 1px solid pink;margin-top:100px;margin-left:80px;clear:both;}
</style>
</head>
<body>
<div id="box1"></div>
<div id="box2"></div>
</body>
</html>得到的顯示如下：我們都知道在沒有給box1、2添加浮動的情況下會發生高度塌陷，margin的實際顯示為100px，但是為什么當我們讓box1向左浮動、box2clear：both時，margin實際顯示為80px，而不是180px，有疑惑，求解答
求教一個清除浮動后的margin問題
天瑜CJT
2014-08-01 11:58:39