0

要素の高さをbodyビューポートの 100% に設定しようとしています。

これを使用して動作しました：

CSS:

html, body {
    height: 100%;
    padding: 0px;
    margin: 0px;
}

しかし、その後、順序付けられていないリストを に追加したところ、html 要素の上部に余分なパディングbodyがあるように見えます。1em

HTML: (関係のない要素と属性をすべて除外)

<body>
    <div>
        <ul>
            <li>list item 1</li>
            <li>list item 2</li>
            <li>list item 3</li>
        </ul>
    </div>
</body>

これは、順序付きリストでも発生します。

JSFiddle

PS: Firefox と Chrome でのみテストしました。

4

1 に答える 1