Question

我有2个div，我想让其中一个相对地出现在另一个底部。

<div class="div1">
 <div class="div2">
 </div>
</div>

CSS代码：

.div1
{
 position: relative; 
}
.div2
{
 position: relative; 
 bottom: 0;
}

由于某种原因，div2出现在div1的顶部。（更改绝对没有帮助，因为我希望div2在整个页面调整大小时使用div1调整大小）。我该怎么办？

Answer 1

您需要更改位置：内部div上的相对位置：绝对值并在div上添加一些宽度/高度：http://jsfiddle.net/H7kq6/1/

.div1
{
 position: relative;
    background:pink;
    height:100px;
    width:200px;
}
.div2
{
    background:#ccc;
 position: absolute;
 bottom: 0;
    height:10px;
    width:200px;
}

Answer 2

你是对的，但根据你的CSS有一个错误，HTML应该是这样的：

<div id="div1">
    first div
    <br /> 
    <br />
 <div id="div2">
     second div
 </div>
</div>

http://jsfiddle.net/saidbakr/3uRuM/

相对而言，放在另一个div底部的div上

2 个答案: