0

私はこのCSSコードを持っています:

#header {
    width: 100%;
    background: yellow;
}

#content {
    width: 100%;
}

#col1 {
    width: 200px;
    float: left;
    background: red;
}

#col2 {
    width: 600px;
    background: yellow;
    margin: 0px 0px 0px 200px;
}

#col3 {
    width: 200px;
    float: right;
    background: blue;
}

#footer {
    width: 100%;
    height: 90px;
    background: black;
    clear: both; **<~ This**
}

HTMLコード：

<div id="header"></div>
<div id="content">
    <div id="col1"></div>
    <div id="col2"></div>
    <div id="col3"></div>
</div>
<div id="footer"></div>

質問: (col1, col2, col3)で異なるレベルの場合、プロパティclear: bothは必要ですか?footerfootercolx

4

1 に答える 1

1

フッター内に要素をフローティングしている場合は、はい、明確です。両方が必要になる場合があります。フッター内に要素をフローティングしていない場合は、クリアを取得できます：両方を削除します。

浮動要素を処理する別の方法は、次のような構造を使用することです。

<div class="con">
    <div class="lft">lft</div>
    <div class="rgt">rgt</div>
</div>

.con { overflow:hidden; }
.lft { width:100px; float:left; }
.rgt { width:100px; float:left; }
于 2012-09-05T13:54:32.977 に答える