1

私は 2 つの div を持っており、そのうちの 1 つを相対的にもう一方の下部に表示したいと考えています。

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

CSS コード:

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

何らかの理由で div2 が div1 の上部に表示されています。（ページ全体のサイズが変更されたときにdiv2をdiv1でサイズ変更したいので、absoluteを変更しても役に立ちません）。どうすればいいですか？

4

2 に答える 2

1

内側のdivのposition：relativeをposition：absoluteに変更し、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;
}
于 2012-12-17T10:06:45.440 に答える
0

あなたは正しいですが、CSS によるとエラーが 1 つあります。HTML は次のようになります。

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

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

于 2012-12-17T09:56:59.810 に答える