将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; 
}