【问题标题】:Web page larger than body height?网页大于身体高度?
【发布时间】:2020-06-03 22:39:37
【问题描述】:

这个网页处于测试阶段,http://porkystuff.com,有一个很大的问题。 网页大于 BODY 和 HTML 标签。我已经使用 Chrome 和 Firefox 中的开发人员工具检查了这一点。 我已经尝试添加html, body{ height:100%; }

【问题讨论】:

  • 问题是你在 .sidecontent 中的高度。将其从 150% 更改为 100%。

标签: css height webpage


【解决方案1】:

知道了!!在您的 CSS 中,类名 sidecontent 高度为 150%。

.sidecontent {
  position: absolute;
  width: 180px;
  height: 150%;
left: 820px;
top: 50px;
}

【讨论】:

    【解决方案2】:

    在我的例子中,我只需要通过这些 CSS 技巧将 bodyhtml 标签拉伸到整页大小:

    html {
      min-height: 100% !important;
    }
    
    body {
      min-height: 100vh !important;
    }
    

    参考链接:https://makandracards.com/makandra/39473-stretching-an-html-page-to-full-height

    【讨论】:

      猜你喜欢
      • 2013-07-28
      • 2015-01-12
      • 2017-03-22
      • 2011-04-14
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2023-03-08
      • 1970-01-01
      相关资源
      最近更新 更多