0

奇妙な問題があります。2 列の DIV レイアウトがあり、body 要素の background-image を介してページの背景を設定しています。

しかし、body 要素の高さは、目に見えるコンテンツほど高くありません。問題は、ページの残りの部分よりも大きくなる絶対配置の div コンテナーだと思います。

どうすれば修正できますか？

4

6 に答える 6

2

与えられた少しの情報で、あなたの体を高くすることを提案させてください：

body { height:100%; }

設計によっては、これが機能する場合とそうでない場合があります。

于 2012-04-24T10:48:56.807 に答える
0

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

問題は、私が取り組んでいるページの種類にあるようです。セクションに分割された 1 つの HTML サイトです。しかし、すべてのセクションは、従来のウェブデザインではページ全体になります。ユーザーは JS を使用してセクションを切り替えます。

成長するコンテンツ div から position: relative を削除した後、セクションの高さを 100% にし、成長するコンテンツ div の高さを 100% にするとうまくいくようです。

しかし、まだ奇妙なのは、動的サイズのコンテンツを含む div ほどセクションが大きくならなかった理由です。

于 2012-04-24T11:34:49.053 に答える
0

CSS ファイルでは、以下を使用できます。

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;
}

背景画像のサイズをすべてのディスプレイに合わせて変更します。

于 2012-04-24T10:53:40.233 に答える
0

含めてみてください

 body
 {
  height: 100%;
 }

あなたのcssファイルで。

于 2012-04-24T10:49:34.363 に答える
0

次のように書きます。

html, body {
    height:100%;
}
于 2012-04-24T10:50:23.940 に答える
0

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

これを試してみてください

于 2012-04-24T10:50:51.757 に答える