1

「位置：相対;」を使用しようとしています '位置:絶対; 下: 0;' ページの下部に div を貼り付けますが、コンテナー内の最も下に表示されている要素のすぐ下にぶら下がっています。関連する div の 'height' および 'min-height' プロパティを変更しようとしましたが、正しく動作しませんでした。無地の背景にあるすべてのコンテナー (フッターを含む) の下に消えるか、配置されるか、コンテナー内の最下部の要素のすぐ下にぶら下がります。

ここに私のCSSがあります:

#body {
   padding-bottom:40px;   /* Height of the footer */
    padding-top: 200px;
    position: relative;
}

.sink{
    padding: 10px;
    position: absolute;
    bottom: 0;
}

.sink は、一番下に貼り付ける必要がある div のクラスです。

id ボディを持つ div は、html ボディに含まれる id コンテナーを持つ div 内に含まれます。

body {
   margin:0;
   padding:0;
   height:100%;
    background: #7092BE;
    background-image: url("bg1.png");
    background-attachment: fixed;
    font-family: arial, helvetica, sans-serif;
    font-size: 14px;
}

#container {
   min-height:100%;
   position:relative;
    width: 900px;
    margin: 0 auto;
    background: white;
    padding: 0;
}

必要な情報をすべてコピーしたことを願っています。そうでない場合は教えてください。

4

1 に答える 1

0

答えが見つかりました-「シンク」のすぐ上のdiv（それを含むものではない）に「位置：相対;」を与えました。そしてそれはうまくいきました。みんなありがとう。

于 2012-08-18T17:21:29.723 に答える