关于CSS相对定位后问题，求大神解答~

3回答

一毛钱

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" Content="text/html; charset=utf-8" /> <title>javascript</title> <style type="text/css"> body{font-size:12px;} #mian{position:relative; z-index:998;} .box{padding:10px 0 0 10px; float:left; margin-top:50px; margin-bottom:20px;} .tu{padding:1px;} .tu img{width:350px; height:auto;} /*深灰色框*/ .fy{width:1000px; height:80px; background:#333; margin:0 auto;} </style> </head> <body> <div id="mian"> <div class="box"> <div class="tu"> <img src="images/ceshi (1).jpg" /> </div> </div> <div class="box"> <div class="tu"> <img src="images/ceshi (2).jpg" /> </div> </div> <div class="box"> <div class="tu"> <img src="images/ceshi (3).jpg" /> </div> </div> <div class="box"> <div class="tu"> <img src="images/ceshi (4).jpg" /> </div> </div> <div class="box"> <div class="tu"> <img src="images/ceshi (5).jpg" /> </div> </div> <div class="box"> <div class="tu"> <img src="images/ceshi (6).jpg" /> </div> </div> <div class="box"> <div class="tu"> <img src="images/ceshi (7).jpg" /> </div> </div> <div class="box"> <div class="tu"> <img src="images/ceshi (8).jpg" /> </div> </div> <div class="box"> <div class="tu"> <img src="images/ceshi (9).jpg" /> </div> </div> <div class="box"> <div class="tu"> <img src="images/ceshi (10).jpg" /> </div> </div> </div> <div style="clear:both;"></div>//这块清除一下上面的float <div class="fy"> </div> </body> </html>

慕姐0693551

#mian{position:relative; z-index:998;} .box{padding:10px 0 0 10px; float:left; margin-top:50px; margin-bottom:20px;} .tu{padding:1px;} .tu img{width:350px; height:auto;} /*深灰色框*/ .fy{width:1000px; height:80px; background:#333; margin:0 auto;}

慕姐0693551