2

この恐ろしい問題。

私が現在持っているもの

html:

 <html>
 <body>
 <div class="wrapper"></div>
 <div class ="footer"></div>
 </body>
 </html

CSS:

 * {
margin: 0;
 }
 html, body {
height: auto !important;
height: 100%;
 }
 .wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0;
 }
 .footer
height: 36px; 
 }

問題は、レンダリングされたページをクロムで検査すると、いくつかの問題が見られることです 完全な高さの写真ではありません 。ラッパー、ボディ、および html タグ?

私の最善の推測は、html をページの高さにすることができれば、フッターをページの下部にスタイル設定できるということです。

JavaScript を使用して実際の高さをピクセル単位で取得し、それを高さに渡してパーセントを捨てることを検討していました。唯一の問題は、私がまだ何が起こっているのか知りたいということです!

ありがとう、JT

4

4 に答える 4

0

最後に、パーセントではなくピクセルを介して設定されたhtmlボディタグを作成しました。私が上で試したものは何も私を満足させませんでした。

于 2013-07-14T22:20:56.880 に答える
0

ラッパーの終了タグの直前に、「clear」クラスの div を追加します

CSS:

.clear { クリア: 両方; }

.footer { マージントップ: -36px; }

問題は、浮動要素が絶対配置要素のように動作することです。ラッパー div の高さを計算するときに考慮されません。

于 2013-07-14T14:51:08.303 に答える