如何使div的宽度响应于高于父级别的div的宽度？
如何使div的宽度响应于高于父级别的div的宽度？
提问于 2016-05-17 14:19:03
<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的宽度对main div做出了反应？
比如上面的超文本标记语言，有没有办法让"dropdown-content“类的宽度达到主"navrow1”目录宽度的50%？
一个人怎么能这样做呢？
更直接地说，它是一个导航栏，每个项目都有下拉菜单，我想有“下拉内容”(当导航项目选择时出现的框)占整个navbar1的50%。我设置的任何宽度都会指向它当前拥有和需要的父类。
也很抱歉，如果有任何错误的方式，这是我是新手，所以请告诉我，我做错了什么，以便我可以纠正它。
Stack Overflow用户
发布于 2016-05-17 14:44:03
我不知道为什么我没有早点想到它，但我只是用大众单位设置了宽度。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/37268532
复制相关文章
相似问题
腾讯云开发者
