1

私は2つのdivを持っています。これらの2つのdivは、隣り合う2つの垂直列として配置されます。cssを使用してdivの高さを事前に決定するのではなく、入力したコンテンツに合わせてdivの高さを動的に拡大させたいと考えています。これは1つのdivに対しては十分に単純ですが、私の問題は、背景色が緑の左側のdivを右側のdivと同じ高さに成長させたいということです。左よりも右の方が常にコンテンツが多くなります。

4

4 に答える 4

1

それらのdivを親divで囲み、高さを100%に設定します。

于 2012-04-23T23:45:39.303 に答える
1

要素がの後にあると仮定しますbody。体とすべてのdivに100%を与える

body, #div1, #div2 { height: 100%; }

そうでない場合は、親の高さを固定するか、チェーンの100%高さをボディまで固定する必要があります。

#parent { height: 800px; }
#div1,#div2 { height: 100%; }
于 2012-04-23T23:47:31.953 に答える
0

必要なのは、3列の(X)HTML+CSSレイアウトだけです。

ここにあります

于 2012-04-23T23:47:34.510 に答える
0
  1. 親div(隣接する2つのdivのコンテナー)を挿入しましょう
  2. プロパティを追加します'display:flex;' 親divに

.parent{
  display: flex;
}

.child1, .child2{
  padding: 10px;
  border: 1px solid gray;
}
<body>
    <div class="parent">
        <div class="child1">
            CHILD 1 AREA<br />
            CHILD 1 AREA
        </div>
         <div class="child2">
             CHILD 2 AREA
        </div>
    </div>
</body>

于 2019-12-30T09:36:33.643 に答える