0

私はこのdivを持っています:

<style>
#asd{
    height:auto;
width:1024px;
margin-left:auto;
margin-right:auto;
background-color:#093;
}

</style>

ウィンドウの現在のサイズに関係なく、この div の下部が常にウィンドウの下部に到達するようにします。

これまでに #asd の css に追加しようとしたことは、期待どおりの結果が得られませんでした: margin-bottom:0px; または高さ:100%; または下：0px;

何かアドバイス？

4

4 に答える 4

3

追加

position:absolute;
bottom:0;

あなたのクラスに...

#asd{
  height:auto;
  width:1024px;
  margin-left:auto;
  margin-right:auto;
  background-color:#093;
  position:absolute;
  bottom:0;
}
于 2013-07-10T21:12:12.073 に答える
0

あなたが望むでしょう Fixedposition: fixedを使用する場合は、どこに修正するかを伝える必要があります。

#asd{
    height:auto;
    width:100%;
    margin-left:auto;
    margin-right:auto;
    background-color:#093;
    position: fixed;
    bottom: 0;
}

したがって、使用するページの下部にあることを伝えるにはbottom: 0px

于 2013-07-10T21:13:05.177 に答える
0

min-height100% に設定してみてください:

<style>
#asd{
    min-height:100%;
    width:1024px;
    margin-left:auto;
    margin-right:auto;
    background-color:#093;
}

</style>
于 2013-07-10T21:13:09.277 に答える
0

次のように、body の html 要素に 100% の高さと幅を設定してください。

body, html {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
}

次に、ASD 要素で min と max-height を使用します。

#asd{
    height:100%;
    min-height: 100%:
    max-height: 100%;
    width:1024px;
    margin-left:auto;
    margin-right:auto;
    background-color:#093;
}
于 2013-07-10T21:14:18.990 に答える