我知道
<div style="width:100px;height:100px;background-color:blue;float:left;">
</div>
<div style="width:100px;height:100px;background-color:red;">
</div>
这样两个DIV,红色背景的会被蓝色背景的覆盖,但是如果红色背景的div里面添加了文字,比如<div style="width:100px;height:100px;background-color:red;">123456
</div>,这文字为什么不会被覆盖,求大神解释啊。。。。
哇塞!做了这么久的css,看见你这个问题,我也无法回答
哈哈,犀利吧~~~
层级不一样红色的在上面,现在红色的div里面有文字,当然不会覆盖了,div的解析是从上至下,现在blu的在底层,red的在上层
红色div加个overflow:hidden来清除浮动就OK了。
光用overflow是不能清楚浮动的吧。
@少年学编程:
对这方面我也不懂,只知道要清除浮动,网上找了下发现用overflow刚好能处理你这种情况。
浏览器兼容问题呗