1

最近、新しい Web サイトを公開しましたが、より大きな解像度で、ナビゲーションの下にある 2 番目のコンテンツ div を監視し、小さなテキストがその中のコンテンツのサイズまでしか拡大されません。 content とページ フッターの間に大きな白いセクションがあることを意味します。

ここにデモがあります：http://jsfiddle.net/XUuVL/

灰色の領域がその下に残っている空白を埋めるようにするにはどうすればよいか疑問に思っていました。

乾杯。

html,body 
{
    background: #FFFFFF;
    font: 0.74em Arial;
    height: 100%;
}

#wrapper
{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto 0;
}

#content
{
    width: 90%;
    min-width: 1000px;
    height: 100%;
    padding: 20px 5% 20px 5%;
    padding-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
}

#content2
{
    width: 90%;
    min-width: 1000px;
    height: auto;
    min-height: 100%;
    padding: 60px 5% 20px 5%;
    background: #808080;
    overflow: hidden;
}
4

4 に答える 4

0

これをチェックしてください：http://jsfiddle.net/XUuVL/2/ 。問題の使用position: absolute;とbottom: 0;解決

于 2013-11-09T14:33:53.893 に答える
0

この場合、bodyと#wrapperの高さは 100% であるため、子要素にパーセンテージで高さを指定することはできません。に固定の高さ、つまりパーセンテージで高さを指定すると機能し#wrapperます。

に灰色をbody、 に白色を与えることができます#content。

于 2013-11-09T14:24:26.743 に答える
0

追加position: absolute in your content2 ... このようにしたいことを願っています ...

 #content2
    {
        position:absolute;
        width: 90%;
        min-width: 1000px;
        height: auto;
        min-height: 100%;
        padding: 60px 5% 20px 5%;
        background: #808080;
        overflow: hidden;
    }
于 2013-11-09T14:28:31.073 に答える