0

次の HTML コードがあります。

    <section id="content" class="grid_9">
      <div class="block-content grey-bg">
        <div class="container_12">
            <section class="grid_6 aa">
                ... lots of content ...
            </section>
            <section class="grid_6 aa">
                ... some content ...
            </section>
        </div>
      </div>
    </section>

ブラウザを見ると、grey-bg クラスが原因で背景が灰色になっていますが、2 つの grid_6 セクションが囲まれていません。実際には何も入っていないかのように振る舞います。teo grid_6 セクションの領域は、灰色の背景の下にはみ出しています。誰かが私が間違っていることを教えてもらえますか。申し訳ありませんが、私は 960 グリッド システムを使用していることを忘れていました。ありがとうございました。

4

3 に答える 3

2

<div class="block-content grey-bg">yourにすべてのフロートが含まれていることを確認する必要があります。960.gs は、そのcontainer_#クラスに「clearfix」を適用することでこれを行います。他の要素にこれと同じ動作をさせる必要がある場合は、960.gs のclearfixクラスをその要素に手動で適用できます。

<div class="block-content grey-bg clearfix">
于 2013-01-02T13:58:34.040 に答える
1

clear: bothblock-content または gray-bg クラスの css に追加してみてください。

例えば：

div.block-content {
    clear: both;
}
于 2013-01-02T13:51:23.037 に答える
0

どのブラウザで表示していますか。HTML5 タグを使用しているため、宣言しないと IE で正しくレンダリングされません。

乾杯、

于 2013-01-02T14:01:37.490 に答える