html - 使用 CSS 将宽度设置为父宽度

Question

我需要将 child 设置<ul>为与其 parent 相同的宽度<li>。parent<li>的宽度都是不同的，所以我不能将其设置为可靠的东西。有没有办法通过 CSS 做到这一点？这就是我的意思：

这是什么：

它应该是什么：

Answer 1

你试过width:100%吗？

<ul>
 <li>
   <ul style="width:100%">
   </ul>
 </li>
</ul>

Answer 2

您需要首先为该 UL 定义盒子模型。

UL 元素默认具有边距和填充值。将 UL 设置为边距：0；而 padding: 0 将占据父 LI 的 100%。

ul li {
 ul {
  margin: 0;
  padding: 0;
 }
}

Answer 3

我只是为每个 LI 设置了固定宽度。不理想，但可以使用。不过，感谢您的帮助。