2

軽量のチャットのような Web ページを作成しています。ただし、フッターは他の要素よりも前になっています。CSS コード:

#page_content {
   margin-left: 15px;
   margin-bottom: 20px;
}
#footer {
   background: rgba(0, 0, 0, 0.980392);
   width: 100%;
   height: 80px;
   position: relative;
}

例を次に示します: http://jsfiddle.net/6BrjV/ご協力ありがとうございます。

4

5 に答える 5

1

一部の要素をフロートさせるためにインライン スタイルを使用しているようです。簡単なマイクロクリアフィックスハックを入れて、それが何をしたかを確認しました。問題を解決するはずです。それをチェックしてください：http://jsfiddle.net/6BrjV/5/

div:before, div:after {
    content: '';
    display: table;
}
div:after {
    clear: both;
}
于 2013-11-06T19:33:31.620 に答える