2

そのため、他のdiv要素がコンテナdiv内で十分に長い場合に繰り返される、背景画像を含むコンテナを設定しようとしています。含まれているdivが短い場合は、繰り返されないことを願っています。

ただし、画像を繰り返すことはできません。＃containerのコーディング方法には、何か問題があると思います。

これが私が今持っているHTMLです...

<body>
  <div id=container>
    <div id=textblock>
      <div id=maintext>
        <p>text here</p>
      </div>
    </div>
  </div>
</body>

そしてこれがCSSです...

body {
    background-color: #888;
    background-position: top;
    height:100%;
    margin:0;
    padding:0;
}

#container {
    background-position: relative;
    width: 960px;
    min-height: 720px;
    margin-left: auto;
    margin-right: auto;
    font-family: Antelope H;
    font-size: 1.5em;
    color: #c60;
    background:url(images/containerback-01.png) repeat-y;
    background-color: #fc6;
}

これが今のサイトです

4

2 に答える 2

2

これには clearfix が必要です。コンテナー要素は、フローティングされていない子要素と同じ高さしか認識していません。これを css ファイルに追加します。

.clearfix:before,
.clearfix:after {
    content: ".";    
    display: block;    
    height: 0;    
    overflow: hidden;   
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE < 8 */

コンテナのdivを変更して開く<div id="container" class="clearfix">

于 2012-09-13T20:21:49.233 に答える
-1

これは CSS の問題ではありません。

配置するだけで

<br clear="all" />

あなたの後

<div id="mainText"></div>

フロートを使用するときはいつでも、クリアを使用する必要があります

于 2012-09-13T20:17:48.653 に答える