javascript - CSS - 将 div 宽度设置为其 "great-grandparent"的宽度

Question

我发现将 div 的宽度设置为 100% 会使其宽度与其父级相同，但是否有可能(可能使用 CSS 选择器)将其设置为等于父级以上 3 级？我正在尝试制作这样的大型菜单:http://www.thenorthface.com/en_US/index.html我试图使 div 与导航栏大小相同。

我也试过只使用类名和使用 javascript 来设置 div 宽度。控制台中没有错误，所以我认为我的 CSS 可能会覆盖它，尽管我没有设置宽度值。

var navbarwidth = document.getElementById('nav-width').offsetWidth;
var megadropdown = document.getElementById('menu1');
megadropdown.style.width = navbarwidth; 

Answer 1

为什么不把 div 放在它的曾祖 parent 里面，然后用 javascript 打开它呢？

即

<nav-bar>
   <drop-downs>
       <drop-down-1>
       <drop-down-2>
   </drop-downs>
   <menus>
       <menu-item1>
       <menu-item2>
   </menus>
</nav-bar>

并使其在单击 drop-down-1 时显示 menu-item-1