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>

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

父容器获得神秘高度

1 个答案: