將div定位在其他div下

Question

我目前正在學習如何對主題進行切片，並且希望在其他div下定位div。例如，我想定位divs（box1-box3）在AdSales &公告divs下，並且讓它們居中。如果你注意到在小提琴上divs沒有集中在其他div上。提前致謝。

<div id="AdSales"> 

</div> 
<div id="Announcements"> 

</div> 

<div id="Box1"></div> 

<div id="Box2"></div> 

<div id="Box3"></div> 

http://jsfiddle.net/edwinakatosh/YjLCe/embedded/result/

Answer 1

包裝在包裝DIV三個格。您需要刪除top:風格的DIV的，所以包裝可以做自己的工作

HTML

</div> 
<div id="Announcements"></div> 


<div class="wrapper"> 
<div id="Box1" class="box"></div> 
<div id="Box2" class="box"></div> 
<div id="Box3" class="box"></div> 
</div> 

CSS

#adSales, #Announcements{top:0} 
.box{top:0; } 
.wrapper{width:780px; margin:0 auto; overflow:hidden} 

margin: 0 auto中心對齊沒有浮動的div。 overflow: hidden重新計算浮動子div。 width: 780px是包裝孩子的div的總寬度加上餘量

Answer 2

http://jsfiddle.net/feitla/YjLCe/1/

環繞它周圍的div

<div id="AdSales"></div> 
<div id="Announcements"></div> 
<div id="container"> 
    <div id="Box1"></div> 
    <div id="Box2"></div> 
    <div id="Box3"></div> 
</div> 

，並給它一個width和position它

#container { 
    margin:0 auto; 
    position:relative; 
    width:950px; 
}