使用position 之后，后边的div 跑到上面怎么解决

Question

<div id="banner" class="cen">     <div style=" position:absolute; z-index:-10; top:0; left:0"><img src="images/banner.jpg" /></div>     <div style="position:absolute; z-index:10; top:269px; left:50%;margin-left:-367px;" >      <p><img src="images/cover.png" /></p>     </div> </div><!--banner--> <div style="background-color:#F00"></div>

Answer 1

z-index代表在前在后，值更大的在更前面，你后一个是10，前一个是-10，显然后边的会在上面