0

彼の親 div の下部に div 要素を常に配置したいと考えています。

これは動作するはずです

position:relative; 
bottom:0px;

とにかくそうではありません、私ができる唯一のことは、それが収まるまでトップをマージンにすることですが、私はそれが好きではありません. 私のコードで相対位置が機能しない理由を見つけることができますか?

@charset "utf-8";
/* CSS Document */

body {
    background-color:#999;  
}

#wrapper {
    height:40em;
    max-height:45em;
    min-height:40em;
    width:80%;
    max-width:60em;
    min-width:30em;
    margin-left:auto;
    margin-right:auto;
    background-color:#333;
    border:#000 solid;
    border-width:thin;
}

#header {
    width:100%;
    height:70px;
    background-color:#009900;
    border-bot:#000 solid;
    border-width:thin;
}

#content {
    position:relative; 
    bottom:0px;
    top:auto;
    width:100%;
    height:30em;
    background-color:#FFFFFF;
    border-top:#000 solid;
    border-width:thin;  
}

Content と Header はどちらも wrapper の親です。だから私はラッパーの一番下にコンテンツを置きたいです。

4

2 に答える 2

2

#wrapper の位置を相対に設定し、#content の位置を絶対に、下をゼロに設定します。

于 2013-03-21T13:58:41.277 に答える
2

親要素には a がposition:relativeあり、一番下にくっついている要素がある必要があります

position:absolute; 
bottom:0px;

お役に立てれば。

于 2013-03-21T14:00:05.170 に答える