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

Question

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

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

Answer 1

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

但这里是你所问的工作副本：http: //jsfiddle.net/WDAXp/2/

您需要设置<nav>的高度，然后将#navUl、#navUl li和settingsDiv高度设置为 100%。

编辑

哎呀，没有正确阅读问题。解决它。

Answer 2

你必须给导航一些固定的高度，而其他的则从父级继承。

nav {
    height: 100px;
}
ul, li, .settingsDiv {
    height: inherit;
}

jsFiddle