黑马程序员技术交流社区

标题: css中有一个属性是clear:both，谁能解释一下 [打印本页]

---

作者: 石国庆    时间: 2013-3-28 22:26
标题: css中有一个属性是clear:both，谁能解释一下
css中有一个属性是clear:both，谁能解释一下

---

作者: 邓建军    时间: 2013-3-28 22:48


CSS clear 属性
定义和用法

clear 属性规定元素的哪一侧不允许其他浮动元素。

说明
clear 属性定义了元素的哪边上不允许出现浮动元素。在 CSS1 和 CSS2 中，这是通过自动为清除元素（即设置了 clear 属性的元素）增加上外边距实现的。在 CSS2.1 中，会在元素上外边距之上增加清除空间，而外边距本身并不改变。不论哪一种改变，最终结果都一样，如果声明为左边或右边清除，会使元素的上外边框边界刚好在该边上浮动元素的下外边距边界之下。可能的值

值	描述
left	在左侧不允许浮动元素。
right	在右侧不允许浮动元素。
both	在左右两侧均不允许浮动元素。
none	默认值。允许浮动元素出现在两侧。
inherit	规定应该从父元素继承 clear 属性的值。

---

作者: 黑马-杨鹏立    时间: 2013-3-28 22:48

clear:both  是用于清除float的，意思是清除div或者其他标签的浮动，以至于不影响下一个标签。

当属性设置float（浮动）时，其所在的物理位置已经脱离文档流了，但是大多时候我们希望文档流能识别float（浮动），或者是希望float（浮动）后面的元素不被float（浮动）所影响，这个时候我们就需要用clear:both;来清除。

---

作者: 石国庆    时间: 2013-3-28 22:59

邓建军 发表于 2013-3-28 22:48
CSS clear 属性
定义和用法clear 属性规定元素的哪一侧不允许其他浮动元素。说明
clear 属性定 ...

好的，谢了

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2