<br /> .test{<br /> zoom: 1;<br /> border: 1px solid #f00;<br /> }<br /> .test:after{<br /> display: block; <br /> clear: both;<br /> visibility: hidden;<br /> height: 0;<br /> content: '';<br /> }<br /> 清除浮动 方法1: test{clear:both;} test为浮动元素的下一个兄弟元素 方法2: test{display:block;zoom:1;overflow:hidden;} test为浮动元素的父元素。zoom:1也可以替换为固定的width或height 方法3: test{zoom:1;} test:after{display:block;clear:both;visibility:hidden;height:0;content:'';} 左浮动 下一个兄弟元素清除浮动 左浮动 左浮动