<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