欢迎来到HELLO素材网! 南京网站制作选择顺炫科技
丰富的DIV CSS模版、JS,jQuery特效免费提供下载
当前位置:主页 > 建站教程 > DIVCSS教程 >

div层堆叠 posion:absolute

发表于2017-11-24 19:27| 次阅读| 来源网络整理| 作者session

摘要:div层重叠 posion:absolutebody!--第一部分--div styleposition:absoluteleft:0pxwidth:100%hei

div层重叠 posion:absolutebody!--第一部分--div styleposition:absoluteleft:0pxwidth:100%hei

div层重叠 posion:absolute


<body>
<!--第一部分-->
<div style="position:absolute;left:0px;width:100%;height:200px;">
<img src="bg_test123.jpg" width="100%"height="200"/>
</div>
<!--第二部分-->
<div style="float:left;width:300px;height:400px;">
<img src="bg_test123.jpg"/ style="width:300px;height:400px;">
</div>
<div style="float:left;width:300px;height:400px;">
<img src="bg_test123.jpg"/ width="300" height="400">
</div>
<div style="float:left;width:300px;height:400px;">
<img src="bg_test123.jpg"/ width="300" height="400">
</div>
</body>


为什么第二部分的内容会被第一部分的内容遮挡,有什么解决方案? divcss?div层重叠 div css div层重叠
[解决办法]
给第二部分div加上:position:relative