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

2

此边距由<ul>. 将以下内容添加到您的样式表中：

ul { margin-top: 0px; }

更新小提琴

我不确定为什么有<ul>一个默认的上边距，我也不知道哪些浏览器会这样做或者它是否符合规范，但我认为可以肯定地说，如果你不想要上边距，最安全的选择是总是明确设置它，而不用担心浏览器默认做什么。

于 2013-07-24T23:47:54.337 回答