Question

我目前正在学习如何切片主题，我希望在其他div下定位div有一些帮助。例如，我想将div（box1-box3）放在AdSales＆amp; Announcements div下，并使它们居中。如果你注意到小提琴上的div不是其他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包装在包装div中。你需要删除div的top:样式，这样包装器才能完成它的工作

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

将div定位在其他div下

2 个答案: