CSSのdivの100％の高さの問題

は、だから私は#bottomBar高さが数百ピクセル以上のすべての道を伸ばしなぜこのCSSのdivの100％の高さの問題

html, 
 
body { 
 
    height: 100%; 
 
    margin: 0; 
 
    padding: 0; 
 
} 
 

 
#container { 
 
    height: 100%; 
 
    min-width: 900px; 
 
    min-height: 650px; 
 
    background: #dddbd9 url('../images/bg.jpg') no-repeat center center; 
 
    -webkit-background-size: cover; 
 
    -moz-background-size: cover; 
 
    -o-background-size: cover; 
 
    background-size: cover; 
 
    overflow: hidden; 
 
} 
 

 
#content { 
 
    clear: both; 
 
    height: 345px; 
 
    position: relative; 
 
    margin: 0 auto; 
 
    width: 790px; 
 
    padding: 20px; 
 
    overflow: hidden; 
 
} 
 

 
#bottomBar { 
 
    height: 100%; 
 
    margin: 0 auto; 
 
    width: 100%; 
 
    padding: 0px; 
 
    background: #ffffff url('../images/bottomBG.jpg') 0 0 repeat-x; 
 
}

<body> 
 
    <div id="container"> 
 
    <div id="content"></div> 
 
    <div id="bottomBar"></div> 
 
    </div> 
 
</body>

のようなHTML構造を持っています約115px？

更新：私は実際にはbottomBarを115にしたいとは思っていません。それは底部の残りの領域全体を占めていますが、それ以上のウィンドウには伸びていません。ありがとう。

アップデート2：だから#contentは#containerが100％で、345pxで、いくつかの他のdivはコンテンツとbottomBarの間に実際に存在し、どのように私は#bottomBarの残りの高さを得るのですか？私はbottomBar残りの領域を占有したいです。

出典

2011-09-14 randomor

#bottomBarの高さを背景画像の高さに合わせるには？その場合、 'height：115px'が必要です。 – jmar777

あなたは何を求めていますか？ '＃content'を100％の高さにし、'＃bottomBar'を固定高さにしますか？あなたはそれが他の方法の周りにしたいですか？あなたはそれが流動的になりたいですか？私はあなたが達成しようとしていることを理解できません。 – Nightfirecat

bgイメージは、115pxだけでなく、ウィンドウの下部を占有したいRadienです。ありがとう。回答に感謝します。 – randomor

height: 100%は、要素がそのコンテナの高さの100％を占めることを意味します。この場合、#container要素の高さの100％です。

背景画像とは関係ありません。

設定height: 115pxその背景画像として#bottomBar同じ高さを作るために：

#bottomBar { height: 115px; margin:0 auto; width:100%; padding:0px; background: #ffffff url('../images/bottomBG.jpg') 0 0 repeat-x; }

出典

2011-09-14 19:31:11 arnaud576875

私は私の更新で私の目標を作りました。 :) – randomor

は高さにスタイルを変更しようとしたことがあります。AUTO？

#bottomBar { height: auto; margin:0 auto; width:100%; padding:0px; background: #ffffff url('../images/bottomBG.jpg') 0 0 repeat-x; }

出典

2011-09-14 19:31:35 legendofawesomeness

申し訳ありませんが、私は非常に明確ではありませんでした。しかしそれをautoに設定すると実際には115pxになりますが、これは私が望むものではありません。私はそれが残りのウィンドウ領域全体を占有したい。 – randomor

だけの高さと同じように、明示的にdivの高さを設定する：115px、またはそれはそうする価値がある場合は、画像の高さを返すために、サーバー側のスクリプトを書きます。他の人が述べたように、高さ（または幅）をX％に設定すると、背景画像ではなくコンテナのX％を意味します。

出典

2011-09-14 19:39:30 Lazarus

CSSのdivの100％の高さの問題

答えて

関連する問題