这个浮动float是控制的哪个div？
<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
