0

構造を作成したサイトを作成していますが、その高さの問題に直面しています。ここに私が期待しているものがあります

期待

しかし、これは私が得ているものです

最後の 以下は CSS です。

html {height:100%!important;}
body {
    margin:0;
    font:12px/15px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    color:#8a8a8a;
    min-width:1000px;
    background:#fff;
    min-height:100%!important;
}

#wrapper {
    position:relative;
    min-height:100%;
    overflow:hidden;
    background:url(../images/wrapper.jpeg) repeat-y;
}
#content {
    float:left;
    width:100%;
    min-height:100%;
}
4

2 に答える 2

0

min-heightラッパーにピクセル単位で配置します。#content は 100% の高さに設定されているため、すべてのラッパーを埋めます。

このようにして、ブラウザーの高さ全体を埋めるのに必要な量よりもコンテンツが少ない場合、ページはブラウザーの高さを埋めるためにコンテンツの下に空白を追加します。私はコンテンツを持っていないので、最初に新しいページを作成するときによくこれを行いますが、ブラウザー ウィンドウをいっぱいにしたときにどのように表示されるかを知りたいと考えています。

次のようなことをお勧めします。

#wrapper {
    position: relative;
    min-height: 600px;
    overflow: hidden;
    background: url(../images/wrapper.jpeg) repeat-y;
}

サイトに合わせてピクセル単位で調整することをお勧めしmin-heightます。ブラウザー ウィンドウを埋めるために必要なものは何でも構いません。

于 2012-10-26T03:47:56.703 に答える
0

100% はコンテンツの 100% に設定されています。代わりにピクセルの高さを使用してみてください

#content {
    float:left;
    width:100%;
    min-height:500px;
}
于 2012-10-25T21:14:48.000 に答える