<style type="text/css">
div{
border:2px red solid;
width:200px;
height:400px;
}
情况1：#div1{float:left;}
情况2#div1{float:right;}
情况3#div2{float:left;}
情况4#div2{float:right;}
</style>
</head>
<body>
<div id="div1">栏目1</div>
<div id="div2">栏目2</div>
楼上所说极是>.<
设置一个的话，比如是div1你设置了向左或者向右的浮动，那么这个div1的显示情况就是紧靠（父级元素没有设置padding的话）着它的父级元素的左边或者右边，而此时div2你没有设置浮动，它依旧会在下一行也就是div1的下面紧靠父级元素左边显示。同理，你只是设置div2，那么效果也是一样的，只不过div1在上面紧靠父级元素左边显示。注意：这里的紧靠都只是在父元素没有声明padding属性的情况下而言的！希望我的回答可以帮助到你！