css 中clear的问题

显示全部楼层 · 2010-10-21 16:07:36

我在同一行中放置两个，但是两个宽度已经超过了“母层”的宽度两个像素，如果这两个都不使用clear，那么右边那个被空到了下一行，如果右边那个加了clear:left，那么两个就到一行里了。结合这个问题说一下clear的作用吧。

千问 · 2010-10-21 16:07:36

首先你的问题描述相当不详细，但是可以肯定的是，如果浮动的两个元素宽度超过父元素，绝对不可能在同一行，除非在z-index上分布，在不受影响的情况下，没有浮动的元素保持块级元素属性，所以也不可能在同一行，clear的用法是清除前面元素浮动对自己的影响，以及清除自身对周围相邻元素的影响，保持自己的块级元素属性，很多时候结构的不合理性会造成很多奇诡的表现，有时结构的不合理性不是css能控制的，基本的常识还是要明白的，表现诡异是结构的不和理性及人为乱写代码作用结合的产物，

千问 · 2010-10-21 16:07:36

Turning off Float - Using ClearElements after the floating element will flow around it. To avoid this, use the clear property.The clear property specifies which sides of an

千问 · 2010-10-21 16:07:36

两DIV使用这个放在一行：float: left;这个是你不想让他有前面的属性的时候用的。