身高100%,绝对定位内容不起作用

时间:2016-11-20 10:14:25

标签: css

要将body-height设置为100%,请使用以下代码:

html {height: 100%;}

body{
  min-height: 100%;
  position: relative;  
}

我认为这种解决方法始终有效,无论内容是什么,但当我使用内容时,这是绝对定位的,身体似乎松散了100% - 高度属性。

您可以在此处看到示例:

  1. 转到https://www.appfelsine.com/was-kostet-eine-App
  2. 尽可能减少浏览器宽度。
  3. 向下滚动。
  4. 底部有一个白色区域。
  5. 位置是:固定;对白色区域有帮助,但是不可能到达底部的按钮。

    位置:固定;和溢出-y:滚动;将导致双滚动条 - 看起来不太好。

    您是否知道如何将身体拉到底部?

2 个答案:

答案 0 :(得分:2)

position: fixed; overflow-y:auto;会阻止滚动条显示何时没有溢出。它可以防止双滚动条问题

答案 1 :(得分:0)

也许你可以把"背景颜色:#3ab252"在你的" .question-inner" ?