製作的父元素相同的寬度爲孩子

Question

所以我有這種HTML的

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

我想它，以便。有的級總是.dataTable的寬度的一定百分比（讓我們比如說40％）。我也想要它，所以如果我追加多個表容器（與相同的孩子），他們出現在對方之下。

我已經通過使用內聯塊實現了第一個要求，但這意味着這些元素顯示在同一行上。

我該如何做到？

JSFIDDLE- http://jsfiddle.net/9xR78/

Answer 1

可以在每次新.parent容器之前放置一個<br/>

Example fiddle

Answer 2

試試這個

http://jsfiddle.net/9xR78/4/

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