gpt4 book ai didi

html - CSS:为什么这个简单的 HTML 会出现垂直滚动条? (100% 高度格)

转载 作者:太空狗 更新时间:2023-10-29 15:31:23 25 4
gpt4 key购买 nike

在 Windows 上的 Firefox 3.5.8 中,当我使用此 HTML 时会得到一个垂直滚动条:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Haloooo1 - T3</title>
<style type="text/css">
html, body, div {height: 100%; margin: 0; padding: 0; }
#main {
width: 320px;
background:#7C7497;
height : 100%;
margin: 0 auto;
}
</style>
</head>
<body>
<div id='main'>
<p>Hello</p>
</div>
</body>
</html>

alt text

Q1.谁能解释为什么?
任何人都可以解释如何删除它吗?

Q2. 谁能解释为什么 div 上方有空白垫?任何人都可以解释如何删除它吗?

最佳答案

添加这个:

p {margin: 0; }

您的 p 元素顶部有一些边距。

让我推荐使用 CSS 重置文件。我喜欢YUI一个。

关于html - CSS:为什么这个简单的 HTML 会出现垂直滚动条? (100% 高度格),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2495714/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com