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