我只是想要一个绝对定位在其当前偏移量顶部位置的div,但是我意识到,如果DOM中位于其上方的任何元素被浮动(即使该元素位于未浮动的元素之内),它都将捕捉到相对父级的顶部。一旦我删除了上面的浮标,absolutley定位的div就会捕捉到顶部。任何帮助是极大的赞赏。这是一个小提琴http://jsfiddle.net/hPA3M/2/
这是我的HTML:
<div class="parent">
<div class="child1">
<div class="baby1">
<p>Baby</p>
</div>
<div class="baby1">
<p>Baby</p>
</div>
<div class="baby1">
<p>Baby</p>
</div>
</div>
<div class="child2">
</div>
</div>
这是我的CSS:
.parent {
position:relative;
height:800px;
width:400px;
background:#ff0000;
padding:20px;
}
.child1 {
width:100%;
background-color:#00ff00;
margin-bottom:10px;
}
.baby1 {
background:#e1e1e1;
/*
toggling float on and off has very different effects
*/
float:left;
width:30%;
}
.child2 {
position:absolute;
width:100%;
height:100px;
background-color:#0000ff;
}
overflow: hidden
为.child1
选择器添加:
.child1 {
width:100%;
background-color:#00ff00;
margin-bottom:10px;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句