4

私のウェブサイトには 2 つの列があり、現在、背景色は左側の列 (ナビゲーション用) のコンテンツの最後の部分で終わります。

height:100%, min-height:100%; を試しました。など うまくいかないようです。ここにCSSがあります。

.container {
    width: 100%;
    height:100%;
    min-width: 960px;
    background: #fbf6f0;
    margin: 0 auto; 
    overflow: hidden;
}

#sidebar1 {
    float: left;
    position:absolute;
    width: 20%;
    height:100%;
    min-width:220px;
    background: none repeat scroll 0% 0% #007cb8;
    z-index:9999;
}
4

4 に答える 4

8

ビューポートの高さ - vh を使用します。

.container {
height: 100vh;
}

アップデート

Safari iOS で VH を使用すると、問題が発生する可能性があることに注意してください。詳細については、このスレッドを参照してください: Chrome / Safari がフレックスの親の 100% の高さを埋めていない

于 2014-06-29T05:25:19.210 に答える
5

身長も合わせて

body,html{
  height:100%;
}

div {
  height:100%
}
于 2013-04-11T18:35:16.937 に答える
0

divデフォルトでウィンドウ全体を埋めない理由は、<body>タグが親であるため、おそらく必要なだけの高さしか伸びないからです。これをスタイルシートの先頭に追加します (マークアップのタグと同様の順序でスタイルを並べたいと思います):

html, body {
    height:100%;
    min-height:100%;
}

編集：文法

于 2013-04-11T18:36:24.790 に答える
0 
overflow-y: auto;

この CSS コードはソリューション用です。

于 2013-11-28T20:32:08.243 に答える