个人中心
gpt4 book ai didi

html - 和 标签 100% 高度失败

转载 作者：太空狗 更新时间：2023-10-29 15:19:34 26 4
gpt4 key购买 nike

我有一个应用程序需要我使用 CSS 来设置 <html> 的高度和 <body>标记到 100%，像这样 ( JSFiddle version ):

html, body {
  display: block;
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
}

body {
  background-color: #141414;
  overflow-x: hidden;
  overflow-y: auto;
}

我已经包含了为这些标签设置样式的所有 CSS。但是，我总是有一个滚动条，它允许我向下滚动大约 20 像素，无论页面内容实际有多大或多小。这个问题在任何尺寸的屏幕上都存在。

我可以在这些屏幕截图中看到原因。请注意，正文的 ID 为 #container ，但这仅用于 JS 定位，而不是 CSS 样式:

enter image description here

同一页面的 3D 透视图，显示 <body>标签从 <html> 的顶部向下滑动标签:

enter image description here

因为我在这些标签中没有任何边距或填充，而且页面顶部附近的 HTML 元素都没有任何边距或填充来插入 <body>向下标记，我真的卡住了。

如何修复 CSS，使 <body>标记是否与页面顶部齐平？

感谢您的宝贵时间。

最佳答案

尝试

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

关于html - <html> 和 <body> 标签 100% 高度失败，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12020677/

26 4 0
文章推荐： c - 为什么我的 Pebble 表盘不是每分钟更新一次时间？
文章推荐： android - 在平板电脑上强制使用横向模式
文章推荐： C获取字符串中的一部分字符串
文章推荐： android - 如何缩放整个画廊？