1

こんにちは、ウェブページを作ろうとしています。スタイル部分に css im を使用した後、ラッパーに背景色を与えると機能しますが、子要素のスタイルを設定するとラッパーの地色が機能しません。理由は何ですか? 私を助けてください！

body{margin:0px}

.wrapper{width:960px; margin:0 auto; background-color:#ccc;}

 .wrapper > .header{width:960px;}

.wrapper > .header > .logo{width:209px; height:50px; float:left;}

.wrapper > .header > .links{float:right;}
4

2 に答える 2

2

その理由は、フロートが内部にあるため、「ラッパー」に高さがないためです。これを修正するには、次の 2 つのことを実行できます。

  1. Clear you float (推奨)
  2. オーバーフローを追加: ラッパーに非表示

1) フロートのクリア

.floatstop:after {content: ".";display :block;height :0;clear :both;visibility :hidden;}
*:first-child+html .floatstop {min-height: 1px;} /* ie7 fix */
* html .floatstop { height: 1%;} /* ie6 fix */

<div class="wrapper floatstop"> .elements.. </div>

2) オーバーフロー トリック

.wrapper {
  width:960px;
  margin:0 auto;
  background-color:#ccc;
  overflow: hidden;
}
于 2013-02-27T09:42:25.593 に答える
1

ラッパーに含まれる要素の高さを指定するには、ラッパーをフロートする必要があります。これにより、背景色が表示されます。Chrome で .wrapper を調べた時点で、サイズが 0x0 の場合、上記の修正が機能します。

于 2013-02-27T09:01:42.707 に答える