div层堆叠 posion:absolute _HTML/CSS

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