<html>和<body>标签100%高度失败
Oli*_*ryn 6 html css margin padding document-body
我有一个应用程序,要求我使用CSS将<html>和<body>标签的高度设置为100%,像这样(JSFiddle版本):
html, body {
display: block;
height: 100%;
margin: 0px;
padding: 0px;
width: 100%;
}
body {
background-color: #141414;
overflow-x: hidden;
overflow-y: auto;
}
我已经包含了这些标签样式的所有CSS.但是,我总是有一个滚动条,允许我向下滚动约20px,无论页面的内容有多大或多小.这个问题在任何规模的碎片上都会持续存在.
我可以在这些截图中看到原因.请注意,正文的ID为#container,但这仅用于JS定位,而不是CSS样式:
同一页面的3D透视图,显示<body>标签从<html>标签顶部向下滑动:
由于我没有任何这些标签上的边距或填充,并且由于页面顶部附近没有任何HTML元素有任何边距或填充<body>向下推动标签,我真的卡住了.
如何修复CSS以使<body>标记与页面顶部齐平？
感谢您的时间.
尝试
header {
margin: 0px 17% 0px 17%;
}
- 或标题 { 填充：20px 17% 0px 17%; } (4认同)