css - 父容器获得神秘高度

Question

我有一个包含两个无序列表的 div。

使用 Firebug，每个无序列表的高度(如布局选项卡所示)分别为 35px 和 38px，而父 div 的高度为 41px。

什么会导致这种情况？

这是一个代码的剥离示例，因为它位于我无法链接到的内部开发服务器上!:

<div class="actions">
    <ul class="first-ul"></ul>
    <ul class="second-ul"></ul>
</div>

    header.header .actions ul {
        display: inline;
        list-style-type: none;
        margin: 0;
        padding: 0;
        vertical-align: bottom;
    }
    header.header .actions ul.first-ul {
        float: left;
    }

Answer 1

我遇到过类似的问题 - 在我的例子中，高度是由 ul 和 li 元素之间的空白字符引起的，这真的很难弄清楚，即使使用 DOM 检查器。从此改变

<ul>
    <li></li>
    <li></li>
</ul>

为此:

<ul><li></li><li></li></ul>

帮我修好了。不确定这是否是同一个问题，但值得一试。