<style type="text/css">
div{
border:2px red solid;
width:100px;
height:100px;
}
#div1{float:left;}
</style>
</head>
<body>
<div id="div1">栏目1</div>
<div id="div2">栏目2</div>
<div id="div3">栏目3</div>
<div id="div4">栏目4</div>
</body>
</html>
如上代码，我如果只设置#div的话，为什么会导致div3和div2重叠，从上到下垂直显示的是div1/div2&div3(两者重叠了）/div4
我也没懂为什么div3和div2重叠，你们说的太抽象了
前面不是写了吗？#div1就是控制ID是这个的元素啊
为什么重叠，就是因为你把一个元素浮动之后，另一个元素顶上来了
如果你不想让后面的元素重叠的话，你可以在后面元素中写clear:left