父度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; 
}