0

HTMLサイズの分割を100％にするのに苦労しています。それはウィンドウサイズの100％になりますが、HTMLがウィンドウよりも大きくてもそのサイズを継承しません.これで問題になるのは、ボディまたはHTMLと同じ大きさにするために1つの区分しか必要ないことです. これらのCSSは次のとおりです。

body, html{
    width: 100%;
    height: 100%;
    margin: 0 auto;

    }

#leftNav{
    background-image: url("images/nav_bar.png");
    background-repeat: no-repeat;
    background-position: top left; 
    width: 20%;
    height: inherit;
    position: relative;
    float: left;
    background-color: #000000;
    }

これが現在の様子です: http://i.imgur.com/99VUULm.png

これが私が望む方法です：http://i.imgur.com/2JNZG1f.png

残りのコンテンツを HTML と同じサイズにしたくありません。何か案は？

4

2 に答える 2

1

追加してみてください

position: fixed;

#leftNavに。また、bodyとhtmlの幅と高さは冗長であり、何かを台無しにする可能性さえあると確信しています。

これがあなたが探しているものではない場合は私に知らせてください。

于 2013-02-03T09:06:48.580 に答える
1

スクロールしたい場合は、水平方向または垂直方向にスクロールするかどうかに応じて、固定幅および/または高さを設定する必要があります。body と HTML の親はウィンドウなので、100% に設定すると、常にウィンドウの幅と高さ全体になります。

于 2013-02-03T09:00:20.307 に答える