一直以为是很简单的问题,但是昨天碰到一个问题,今天特地来试试
html:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JS Bin</title> </head> <body> <div></div> <div class="inner"></div> </body> </html>
css:
div{ 100px; height: 100px; background: #000; float: left; } .inner{ height: 100px; 100px; background: red; float: none; }
就不上截图,太麻烦
总之黑色的div遮住了红色的,文字是不会被遮住的,clear对非文字元素作用不是很大(除了塌陷)
塌陷有两种方法:1.添加额外标签清除浮动,2.overflow:hidden
先到这