css - 父 div 100% 其值的内容，子 div 100% 其内容的宽度

Question

这是我的完整 HTML:

<li class="right-menu top-menu">
     <a href="#">Filiale: 950</a>
     <ul class="sub_menu logout-menu">
          <li class="change-filiale menu" value="950"><a href="#">Wähle Filiale:950</a></li>
          <li class="change-filiale menu" value="951"><a href="#">Wähle Filiale:951</a></li>
          <li class="change-filiale menu" value="952"><a href="#">Wähle Filiale:952</a></li>        
     </ul>
</li>

我想要:

<li class="right-menu top-menu">
    <a href="#">Filiale: 950</a>
</li>

其内容的 100% 宽度和

<ul class="sub_menu logout-menu">
    <li class="change-filiale menu" value="950"><a href="#">Wähle Filiale:950</a></li>
    <li class="change-filiale menu" value="951"><a href="#">Wähle Filiale:951</a></li>
    <li class="change-filiale menu" value="952"><a href="#">Wähle Filiale:952</a></li>
</ul>

这也是 100% 的内容。实际上两者的宽度与最大的宽度相同。

两者都是相对位置，不能改变这个，因为那样菜单就坏了。 display: inline-block 已设置。

Answer 1

设置

.right-menu.top-menu > a {
    display: block;
}