CSS：为什么我用这个简单的HTML得到一个垂直的滚动条？（100%高度刻度）
在Windows上的Firefox 3.5.8中，当我使用以下HTML时，我会看到一个垂直滚动条：CSS：为什么我用这个简单的HTML得到一个垂直的滚动条？（100%高度刻度）,html,css,Html,Css,在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>Hal
<!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>
卤素O1-T3
html，正文，div{height:100%；margin:0；padding:0；}
#主要{
宽度：320px；
背景#7C7497；
身高：100%；
保证金：0自动；
}
你好
有人能解释一下如何移除它吗 第二季度。有人能解释为什么div上方有一个空白缓冲区吗？有人能解释一下如何移除它吗 添加以下内容：
p {margin: 0; }
我建议使用CSS重置文件。我喜欢这个。根据firebug的说法，它是
中的边距。至少在3.6中，将页边距顶部设置为p
可以解决问题
p {
margin-top: 0;
}
这是一段
如果你加上
p { margin: 0px; padding: 0px }
一切顺利，包括滚动条
我还不完全确定，为什么这一段会觉得有资格这样离开它的父元素。A1。您将获得一个滚动条，因为div的大小为i浏览器窗口的100%，而不是100%。由于div与浏览器窗口的大小相同，但向下移动，因此需要一个滚动条来显示div的底部
A2。div上方的空白是p元素的上边距。因为填充在框IIRC中，所以不需要。使用类似于Yahoo！的reset.css！在现代html/css/javascript开发中是必须的。你应该试试看！浏览器之间的差异会比没有它时小。100%的高度可能会混淆FF。边距应呈现在div内。