css div换行

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
mengvlog 阅读 13 次 更新于 2025-07-19 19:02:07 我来答关注问题0
檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部