2

2つの順序付けられていないリストを含む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;
    }
4

1 に答える 1

3

私も同様の問題を抱えていました。私の場合、高さは要素ulとli要素の間の空白文字が原因であり、DOM インスペクターを使用しても把握するのが非常に困難でした。これから変わる

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

これに：

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

私のためにそれを修正しました。これが同じ問題かどうかはわかりませんが、試してみる価値があります。

于 2012-07-27T12:12:36.087 に答える