0

div内の要素の数に応じて、divの高さが動的に変化できるようにしようとしています。私がやろうとしていることの全体的なアイデアは、下の図に示されていますここに画像の説明を入力

最後の div は動的に変更できる必要があります。3 番目の内部 div の高さを設定する必要があるようです。そうしないと、div がメインの div の外に表示されます。

私が試した解決策：

1) オーバーフロー: 自動

2）3番目の内部divの高さを設定しないようにしています。

JavaScript を使用する必要がありますか? JavaScriptは使えないの？これらのソリューションは機能しませんでした。いくつかのガイダンスが必要..質問が繰り返された場合は申し訳ありません....

4

2 に答える 2

1

div に固定の高さを与えないfloat:left;でください。CSS で使用してください。

于 2012-07-16T07:10:38.083 に答える
1

ちょっと今、私はあなたがこれをすべきだと思います

HTML

<div class="parent">
  <div class="child1">
    <div class="one">One</div>
     <div class="one">two</div>
  </div>

   <div class="child1">
    <div class="one">One</div>
     <div class="one">two</div>
  </div>


   <div class="child2">
     dynamic height
     </div>

</div>

CSS

.parent{
border:solid 1px red;
}
.child1, .child2{
overflow:hidden;
  margin:10px;
  border:solid 2px green;
}

.one{
background:red;
  border:solid 1px black;
  padding:10px;
  float:left;
  margin:10px;
}

ライブデモ http://tinkerbin.com/i1R8emEb

デザインに応じて高さ幅または高さに変更します..

于 2012-07-16T07:12:23.417 に答える