0
所以我做了一個導航欄的項目,有一個子菜單。導航欄子菜單寬度不可能得到正確
<div id=menu>
<a href="#"><div class=optie>Nieuws</div></a>
<a href="#"><div class=optie>Acties</div></a>
<a href="#"><div class=optie>Over ons</div></a>
<a href="#"><div class=optie>Webshop</div></a>
<div class=optie>
Webshop
<span class=submenu>
<a class=suboptie href="#">Producten</a>
<a class=suboptie href="#">Winkelwagen</a>
<a class=suboptie href="#">Afrekenen</a>
</span>
</div>
</div>
導航欄作品和它的罰款,但是我不能讓子菜單項有適當的寬度。
子菜單嵌套在頭部,它已經具有動態大小。由於我必須使用絕對位置,因此幾乎不可能計算正確的寬度。有沒有辦法讓子菜單自動具有與父級相同的寬度?
這是一個jsfiddle。
任何幫助表示讚賞
https://jsfiddle.net/eb8k0tbo/3/
但如果你的子菜單中有父母的寬度相同,則文本的一部分可能會去隱藏。 –
預期結果的圖像可能在此處有用。也。 「uli/li」結構對於這些菜單非常適用。 –
@Paulie_D我只想讓子菜單具有與它所源自的父寬度相同的寬度。 –