HTML本体の高さがページ

Question

と違っています。奇妙な問題があります。私は2列のDIVレイアウトを持っており、body要素の背景イメージを使ってページの背景を設定しています。

しかし、私の身体要素は、私の目に見える内容と同じ高さではありません。私は問題がページの残りの部分よりも大きく成長する絶対配置されたdivコンテナだと思う。

どうすれば修正できますか？与えられたわずかな情報で

Answer 1

、私はあなたの体を高める提案してみましょう：

body { height:100%; } 

あなたの設計に応じて、これはうまくいくかもしれない、ではないかもしれません。あなたのCSSファイルで

body 
{ 
    height: 100%; 
} 

含む

Answer 2

してみてください。このような

Answer 3

書き込み：

html, body { 
    height:100%; 
} 

Answer 4

コードや例がなければ私の提案は、あなたのブラウザのための素晴らしいCSSリセットを含めることです。ブラウザにはデフォルトでCSSの「スプレッドシート」があり、通常は本文にマージンがあります。あなたのCSSファイルで

Try this one

Answer 5

、あなたが使用することができます。すべてのディスプレイに背景画像のサイズを変更します

html{ 
    background: url(../images/image.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

を。

Answer 6

申し訳ありませんが、私はかなり大きなHTMLファイルを投稿する必要があるため、ソリューションのコードを投稿できません。

問題は私が取り組んでいるページのようです：それはセクションで分かれているHTMLサイトの1つです。しかし、すべてのセクションは、古典的なWebデザインのページ全体になります。ユーザーはJSを使用してセクション間を切り替えます。

位置を削除した後：成長するコンテンツのdivから相対的に、セクションの高さを100％にして、コンテンツのdivの高さを100％成長すると死にます。

しかし、変わったのは、ダイナミックなサイズのコンテンツを持つdivほどセクションが成長しなかった理由です。