我怎樣才能讓div的寬度對上面幾個父級別的div的寬度作出響應？

Question

<div class="navrow1"> 
 
    <div class="dropdown"> 
 
    <li class="dropbtn"><a href="">content</a> 
 
    </li> 
 
    <div class="dropdown-content"> 
 
     <a href="#">Link 1</a> 
 
     <a href="#">Link 2</a> 
 
     <a href="#">Link 3</a> 
 
     <a href="#">Link 2</a> 
 
     <a href="#">Link 3</a> 
 
    </div> 
 
    </div> 
 
    <div class="dropdown"> 
 
    <li class="dropbtn"><a href="">content</a> 
 
    </li> 
 
    <div class="dropdown-content"> 
 
     <a href="#">Link 1</a> 
 
     <a href="#">Link 2</a> 
 
     <a href="#">Link 3</a> 
 
     <a href="#">Link 2</a> 
 
     <a href="#">Link 3</a> 
 
    </div> 
 
    </div> 
 
    <div class="dropdown"> 
 
    <li class="dropbtn"><a href="">content</a> 
 
    </li> 
 
    <div class="dropdown-content"> 
 
     <a href="#">Link 1</a> 
 
     <a href="#">Link 2</a> 
 
     <a href="#">Link 3</a> 
 
     <a href="#">Link 2</a> 
 
     <a href="#">Link 3</a> 
 
    </div> 
 
    </div> 
 

 
    <div class="dropdown"> 
 
    <li class="dropbtn"><a href="">content</a> 
 
    </li> 
 
    <div class="dropdown-content"> 
 
     <a href="#">Link 1</a> 
 
     <a href="#">Link 2</a> 
 
     <a href="#">Link 3</a> 
 
     <a href="#">Link 2</a> 
 
     <a href="#">Link 3</a> 
 
    </div> 
 
    </div> 
 
    <div class="dropdown"> 
 
    <li class="dropbtn"><a href="">content</a> 
 
    </li> 
 
    <div class="dropdown-content"> 
 
     <a href="#">Link 1</a> 
 
     <a href="#">Link 2</a> 
 
     <a href="#">Link 3</a> 
 
     <a href="#">Link 2</a> 
 
     <a href="#">Link 3</a> 
 
    </div> 
 
    </div> 
 
</div>

嗨，我不知道這是可能的，或沒有，但我能夠說有一個div容器，用div的嵌套的幾級，然後以某種方式使的寬度最嵌套的div反應％主要的div？

例如對於上面的HTML，有沒有一種方法可以讓「下拉內容」類具有，例如，主「navrow1」div的寬度的50％？

怎麼能這樣做呢？

更直接的一點是每個項目都有一個下拉菜單的導航欄，我希望將「下拉內容」（導航項選擇時出現的框）佔用整個導航欄1的50％ 。我設置的任何寬度都會轉到它當前擁有和需要的父類。

也很抱歉，如果這是擺放的方式有什麼問題我是新來的，所以請告訴我任何我做錯了，所以我可以糾正它。

Answer 1

idk爲什麼我沒有想到它，但我只是使用vw單位設置寬度。