如何使List Item与父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