ウェブサイトを作っています。すべてのコンテンツはラッパー DIV に格納されます。コンテンツ DIV には、境界線スタイルが割り当てられています。
ラッパー DIV の高さをコンテンツに合わせて十分に高くしたいので、境界線はページの最後になります。
height:autoはすべての要素のデフォルト値であるため、これはデフォルトで発生すると思いました。
ここ は 私のページです .
提供できるヘルプをありがとう。
ウェブサイトを作っています。すべてのコンテンツはラッパー DIV に格納されます。コンテンツ DIV には、境界線スタイルが割り当てられています。
ラッパー DIV の高さをコンテンツに合わせて十分に高くしたいので、境界線はページの最後になります。
height:autoはすべての要素のデフォルト値であるため、これはデフォルトで発生すると思いました。
ここ は 私のページです .
提供できるヘルプをありがとう。
ラッパーのdivスタイルを作るだけ
overflow: auto
html {
height: 100%;
}
body {
/* not height: 100%; otherwise you're
* fixing it to the height of the viewport
*/
min-height: 100%;
}
.wrapper {
/* some kind of clearfix is
* necessary because your content
* is floated
*/
overflow: hidden;
}
私の理解が正しければ、あなたはフルハイトのウェブサイトを作りたいですか?
もしそうなら、sticky footerを試してみてください。
div を使用してコンテンツをネストし、高さを「与えないでください」。デフォルトでは、その子に適合します。必要に応じて、 を与えることができますdisplay: block
。
ここにフィドルがありますhttp://jsfiddle.net/8bP9b/