div本身是强制换行的,你用的float浮动只是让div不换行,所以两个div是并列的。想让两个DIV重叠只能用定位的方法,用你这个方法不可能重叠。float:left是让这个DIV向左漂移,那么他下面的DIV就会升上来与他并列在同一行。如果不用float:left那么他的下一个div会自动换行,出现在这个div的下面。浮动不是...
css div换行
首先明确一点就是,他们的确不是并列关系,float确实让第二个div飘起来了,而且占据了第一个div的位置。不信的话你可以给第二个div加一个背景颜色看看就会很清楚了。代码如下:
<div style="float:left;border:1px solid">1</div>
<div style="border:1px solid; background-color:#CCCCCC">2<div>
第二个div的位置的确是占据了第一个div的位置。第二个div的位置是从最左边开始的,也就是说它和第一个div的左边是重叠的。绝对不是和第一个div是并列关系。2009-11-04
<div style="float:left;border:1px solid">1</div>
<div style="border:1px solid;position:absolute;">2<div>
在第二个div里面加上 position:absolute;就可以实现两个div重叠。
div本身是强制换行的,你用的float浮动只是让div不换行,所以两个div是并列的。2009-11-04
想让两个DIV重叠只能用定位的方法,用你这个方法不可能重叠。
float:left是让这个DIV向左漂移,那么他下面的DIV就会升上来与他并列在同一行。
如果不用float:left那么他的下一个div会自动换行,出现在这个div的下面。2009-11-04
浮动不是重叠。可以让一个层做背景,另一个在它里面。
<div style="float:left;border:1px solid">
<div style="border:1px solid">2<div>
</div>2009-11-04