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

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

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

对此：

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

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