html - 親要素を子要素と同じ幅にする

Question

だから私はこの種のhtmlを持っています

<div class="table-container">
  <input type="text" class="some-class"/>
  <table class="dataTable"/>

.some-class が常に .dataTable の幅の何パーセントかになるようにしたい (40% としましょう)。また、複数のテーブルコンテナ（同じ子を持つ）を追加すると、それらが互いの下に表示されるようにしたいです。

インラインブロックを使用して最初の要件を達成しましたが、これは、これらの要素が同じ行に表示されることを意味します。

どうすれば両方を達成できますか?

score 1 · Accepted Answer

これを試して

.parent{
    background-color : red;
    display : inline-block;
    float:left;
    clear:both;
}

score 0 · Accepted Answer

0

新しい各コンテナの<br/>前に配置できます.parent

于 2013-07-13T04:11:17.243 に答える

2 に答える 2