Google chrome 不渲染 body 元素的 100% 高度
Google chrome doesnt render 100% height of body element
我对 Google Chrome 有疑问 - 它不会使正文元素达到 100% 高度。
在我的示例网页中,当您有 100% 缩放和悬停菜单元素时(例如 "O nás",我更改了 body 元素的 background-color
,但在底部的 Chrome页面保持白色。
样本在这里:http://kovar_sandbox.pakultura.cz/ultrafun/index.php?id=video
你能帮帮我吗?
您在页面上使用了很多 position:absolute
。
绝对位置不会改变 non-positioned 元素的高度。
您的 body 没有定位,所以它的高度不会是 'correct'。
要修复它,只需将 body position:relative
body {
position: relative;
}
我对 Google Chrome 有疑问 - 它不会使正文元素达到 100% 高度。
在我的示例网页中,当您有 100% 缩放和悬停菜单元素时(例如 "O nás",我更改了 body 元素的 background-color
,但在底部的 Chrome页面保持白色。
样本在这里:http://kovar_sandbox.pakultura.cz/ultrafun/index.php?id=video
你能帮帮我吗?
您在页面上使用了很多 position:absolute
。
绝对位置不会改变 non-positioned 元素的高度。
您的 body 没有定位,所以它的高度不会是 'correct'。
要修复它,只需将 body position:relative
body {
position: relative;
}