html - 使父元素与子元素宽度相同

Question

所以我有这种html

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

我希望 .some-class 始终是 .dataTable 宽度的某个百分比（比如说 40%）。我也想要它，以便如果我附加多个表容器（具有相同的子项），它们会出现在彼此下方。

我通过使用 inline-block 实现了第一个要求，但这意味着这些元素出现在同一行。

我如何实现两者？

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