0

ページ コンテンツ全体の背後に展開したい背景画像が繰り返されるページがあります。

したがって、HTML の高さを 600px または画面の 100% のいずれかに設定する必要があります。

(コンテンツに必要な最小の高さは 600px で、画面の高さが 600px より大きい場合は 100% であるため、HTML をそれに合わせて拡張したい)

私は試した

html
{
    min-height:600px;
    height:100%
}

これは機能しません。

私のサイトの幅は制限されており、中央に配置されているため、繰り返しbackground-imageはネストされた div ( ) にあります#container

#container
{
    width:1000px;  
height: 100%;
margin:0 auto;
background-image: url("/images/bg_content.png");
}

<body>
  <div id="container">
  </div>
</body>
4

1 に答える 1

1

HTML ではなく本文に適用する

body { 
  min-height:600px; 
  height:100%;
}

このフィドルの最小サイズは常に 600px ですが、必要に応じて拡張されます。

于 2013-01-13T15:05:39.393 に答える