0

君の力が必要。2 つのフローティング DIV を含む Div を作成しました。最初の Div は leftnav です。2 番目の Div にも 2 つのフローティング DIV が含まれています。問題 #container div の高さは auto に設定されていますが、機能していないようです。

ここ：jsfiddle

2 番目の div の最後で clear:both を試しましたが、うまくいきませんでした。

どんな助けでも大歓迎です。ありがとう

<div id="header">header</div>
<div id="container">
    <div id="first">first</div>

    <div id="second">
        <div id="scol1">
            <div id="scol1a">scol1a</div>
            <div id="scol1b">scol1b</div>
            <div id="scol1c">scol1c</div>
        </div>
        <div id="scol2">
            <div id="scol2a">scol2a</div>
            <div id="scol2b">scol2b</div>
            <div id="scol2c">scol2c</div>
        </div>
    </div><!--SECOND DIV-->

    <br style="clear: both;" />

</div> <!--CONTAINER DIV-->
<div id="footer">footer</div>
4

3 に答える 3

2

scol1高さも変えautoます。http://jsfiddle.net/Y47sx/31/

于 2013-04-01T09:42:52.580 に答える
0

scol1a、scol1b、scol1c に 100px の高さを指定しました。これにより、コンテナに問題が発生します。これを解決するには、#container height: 306px;(100+100+100+6)= 306px を定義する必要があります。ボーダーは6px。このデモを見る

追記：削除しました<br style="clear: both;" />

于 2013-04-01T12:00:23.997 に答える
-1

スタンド<br style="clear: both;" />使用時<div style="clear:both; float:none;"></div>、取外し高さ<div id="scol1"></div> <div id="scol2"></div>

于 2013-04-01T09:44:45.637 に答える