clear:both
2012-12-28 10:12
127 查看
当属性设置float（浮动）时，其所在的物理位置已经脱离文档流了，但是大多时候我们希望文档流能识别float（浮动），或者是希望float（浮动）后面的元素不被float（浮动）所影响，这个时候我们就需要用clear:both;来清除。
程序代码:
<p style="float:left;width:200px;">这个是第1列，</p>
<p style="float:left;width:400px;">这个是第2列，</p>
<p>这个是第3列。</p>
如果不用清除浮动，那么第3列文字就会和第1、2列文字在一起 ，所以我们在第3个这列加一个清除浮动 clear:both;
程序代码:
<p style="float:left;width:200px;">这个是第1列，</p>
<p style="float:left;width:400px;">这个是第2列，</p>
<p>这个是第3列。</p>
如果不用清除浮动，那么第3列文字就会和第1、2列文字在一起 ，所以我们在第3个这列加一个清除浮动 clear:both;
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- CSS:浮动清理，不使用 clear:both标签
- CSS:浮动清理，不使用 clear:both标签 (转)
- IE6下的{clear:both}出现怪异的空白
- 解决CSS中float:left后需要clear:both清空的繁琐步骤
- IE6下的{clear:both}出现怪异的空白
- clear:both
- 对 clear:both 这个样式的一些理解
- <div style=\'clear:both\'></div>
- 如何清除浮动不用另外在div中写clear:both
- CSS中正确理解clear:both
- CSS 浮动清理，不使用 clear:both标签
- clear:both; 用法 什么时候用
- css中clear:both;的详解及代码实例
- 巧用clear:both
- clear:both其实是有瑕疵的
- 巧用clear:both 清楚上层float的影响
- 巧用clear:both
- 详解CSS中clear属性both、left、right值的含义
- 清除float常用方法(:after和clear:both)
- 前端CSS基础之 clear：both