使父元素与子元素的宽度相同

Question

所以我有这种html

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

我希望它能使.some-class始终占.dataTable宽度的一定百分比（假设为40％）。我也想要它，这样如果我追加多个表容器（具有相同的子容器），它们就会出现在彼此之下。

我通过使用内联块实现了第一个要求，但这意味着这些元素出现在同一行上。

我如何实现这两个目标？

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

Answer 1

试试这个

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

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

Answer 2

您可以在每个新<br/>容器

之前放置.parent

<强> Example fiddle