html - 如何使列表项与父 div 的高度相同?

标签 html css

<nav>
<ul id="navUl">
    <li>
        <div class="settingsDiv">
            hey
        </div>
    </li>
</ul>
</nav>

我想要做的是将 div 的高度设置为 100%,这样它就会成为导航的任何高度。

最佳答案

我不能说你做错了什么 - 因为你没有提供你的 CSS 代码。

但这里有一份您所要求的工作副本:http://jsfiddle.net/WDAXp/2/

你需要设置<nav>的高度,然后设置 #navUl , #navUl li , 和 settingsDiv高度到 100%。

编辑

糟糕,没有正确阅读问题。修复它。

关于html - 如何使列表项与父 div 的高度相同?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19457961/

相关文章:

html - 有什么方法可以使用 SASS 根据内容应用样式吗?

html - 在 Internet Explorer 11 中使用 <picture> 标签

html - 下划线主题子菜单现在显示在移动设备上

html - 对齐 div 内的文本

css - 将 HTML 文本与 Canvas 混合

CSS:在底部设置动态高度标题和内容区域的最佳方式

css - 无法让列表项水平排列

css - 滚动页面时不再有 100% 高度的背景

javascript - 如何在提交表单后隐藏 Div 元素

jquery - CSS transition 在被隐藏后短暂地导致元素为 "hoverable"