1

ここで、html/css コードについて少し助けが必要です... divwrapper が左にフロートされているため、divbody の高さを divwrapper までたどる必要があります。これはコードです、ありがとう！

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Information Technology</title>
</head>
<style>

    body{
        margin:0px;
    }

    .divbody{
        width:970px;
        height:auto;
        background-color:#cecece;
        margin:0px auto;
        padding:5px;
    }

    .divwrapper{
        height:auto;
        background-color:#eee;
        float:left;
        padding:5px;
    }

    .divcontent{
        width:480px;
        height:200px;
        background-color:yellow;
        float:left;
        border-bottom:1px solid #000;
    }

</style>

<body>

    <div class="divbody">

        <div class="divwrapper">

            <div class="divcontent">

            </div>

            <div class="divcontent">

            </div>

        </div>

    </div>

</body>

4

5 に答える 5

0

新しいブロック コンテキストを構築するにoverflow: hidden;は、(他の多くの潜在的なオプションの 1 つです) を yourに追加します。.divbody

フロート、絶対配置要素、ブロック ボックスではないブロック コンテナー (インライン ブロック、テーブル セル、テーブル キャプションなど)、および「可視」以外の「オーバーフロー」を持つブロック ボックス (その値が伝播された場合を除く)ビューポートに) コンテンツの新しいブロック フォーマット コンテキストを確立します。

詳細については、http ://www.w3.org/TR/CSS21/visuren.html#block-formatting をご覧ください。

デモ

于 2013-07-12T11:15:41.603 に答える
0

クラスに を追加overflow:auto;する必要があります。divbodyこれが行うことは、子要素に従って自分自身をラップすることです。

ワーキングデモ

コード：

.divbody{
        width:970px;
        height:auto;
        background-color:#cecece;
        margin:0px auto;
        padding:5px;
        overflow:auto; /* The needs to be added */  
    }

これがあなたが探しているものであることを願っています。

于 2013-07-12T11:16:20.370 に答える
0

overflow: hidden;またはクイックフィックスとして使用してくださいoverflow: auto;。現在、新しい時代の最新のブラウザーに移行しています。cleat:both または clearfix:after に別れを告げます。

于 2013-07-12T13:00:32.170 に答える