<；html>；及<；车身>；标签100%高度失败_Html_Css_Margin_Padding_Document Body

<；html>；及<；车身>；标签100%高度失败

html css

<；html>；及<；车身>；标签100%高度失败,html,css,margin,padding,document-body,Html,Css,Margin,Padding,Document Body,我有一个应用程序，它要求我使用CSS将和标记的高度设置为100%，如下所示（）：我已经包括了所有的CSS样式这些标签。然而，我总是有一个滚动条，它允许我向下滚动大约20px，不管页面内容有多大或多小。这个问题在任何大小的屏幕上都会持续存在我可以从这些截图中看出原因。请注意，主体的ID为#container，但这只是用于JS目标，而不是CSS样式：显示标签的同一页面的三维透视图从标签顶部向下滑动：由于我在这些标记上没有任何边距或填充，而且页面顶部附近的HTML元素也没有任何边距或填充来

我有一个应用程序，它要求我使用CSS将

和

标记的高度设置为100%，如下所示（）：

我已经包括了所有的CSS样式这些标签。然而，我总是有一个滚动条，它允许我向下滚动大约20px，不管页面内容有多大或多小。这个问题在任何大小的屏幕上都会持续存在

我可以从这些截图中看出原因。请注意，主体的ID为

#container

，但这只是用于JS目标，而不是CSS样式：

显示

标签的同一页面的三维透视图从

标签顶部向下滑动：

由于我在这些标记上没有任何边距或填充，而且页面顶部附近的HTML元素也没有任何边距或填充来向下推动

标记，所以我真的被卡住了

如何修复CSS，使

标记与页面顶部齐平

谢谢您的时间。

试试看

header {
    margin: 0px 17% 0px 17%;
}

最可能的原因是。您可以通过向身体添加

填充：0.01px

来“修复”此问题

希望我回答这个问题的第二次尝试不会像我的第一次XD一样愚蠢。

似乎你在

和

之间有了一条新行或一个空格

试试这个：

<html><body>
    ...
</body></html>

...

而不是：

<html>
<body>
    ...
</body>
</html>

...

+1用于3d。（可以用FF制作）@RoyiNamir哈哈。。。谢谢FF是我做这件事的地方Dy您的容器可能有一个

余量顶部：20px

？优点<代码>#容器只是用作JS的目标。没有样式通过CSS应用于

#容器

。忘了提这个了。你能在JSFIDLE上发布多一点html/css吗？或者标题{padding:20px 17%0px 17%；}我不得不把它浸泡一秒钟。。。。。。。。。。。我简直不敢相信我竟然没有想到这一点。是的，宾果，就是这样！谢谢。空白不会有任何影响。如果你用一行（缩小）来编写整个代码，它也会起作用。在这种情况下，新行没有帮助。

<html>
<body>
    ...
</body>
</html>