html - CSSを使用して幅を親の幅に設定する

Question

<ul>子をその親と同じ幅に設定する必要があり<li>ます。親<li>はすべて幅が広いので、それをしっかりしたものに設定することはできません。CSSを介してこれを行う方法はありますか？これが私が作ったものです：

それは何ですか：

それがどうあるべきか：

Answer 1

試しましたwidth:100%か？

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

Answer 2

最初に、そのULのボックスモデルを定義する必要があります。

UL要素には、デフォルトでマージンとパディングの値があります。ULをマージンに設定する：0; パディング：0は親LIの100％を占めます。

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

Answer 3

各LIにインラインで固定幅を設定しました。理想的ではありませんが、使用可能です。しかし、助けてくれてありがとう。