使div达到100%浏览器高度

时间:2016-02-21 21:31:41

标签: html css

我知道这已被多次询问,我已经尝试了提供的修复程序。

我看过这篇文章:Make div 100% height of browser window

我按照它所说的,改为使用div

height: 100%; /* Make it */
height: 100vh;

但是我的div在它的顶部和浏览器窗口之间仍然存在差距。

https://jsfiddle.net/hgs3d1n6/

我错过了什么或者没做什么导致了这个问题?我已经尝试过其他建议,喜欢制作html,身体100%。

感谢。

1 个答案:

答案 0 :(得分:2)

正文和段落元素都有默认边距。清除跨浏览器的最简单方法是:

body,p {
    margin:0;
}

jsFiddle example