Question

我在html / css中用ul标签和li而不是table做了一个表。我想在此表下面添加部分，而不是硬编码它们的位置。通常，外部元素与其子内容的所有空间一样大。在这种情况下，最大的ul元素只是第一级孩子的大。如何使其与所有子内容一样大，并且仍然具有此大小的列表元素（表列）？下面的代码将被简化以显示特定问题。

<style>
li {
  height: 30px;
  width : 200px;
}
</style>

<ul>
  <li>
    <p>Values</p>
    <ul>
      <li>Data</li>
      <li>Data</li>
      <li>Data</li>
    </ul>
  </li>
</ul>

<input type="submit" value="Save" />

Answer 1

尝试添加此css：

ul {display:table;}
p, li {display:table-cell;}

列表总大小与最大元素大小不同

1 个答案: