html和body标签默认高度为0带来的影响

html和body默认的高度是0, 这样导致它们的子元素使用百分比高度时,就会失效

如果给html和body均设置height: 100% ,则浏览器会自动分配一个高度给html和body,即使我们不知道html标签的父标签是什么。这个高度是浏览器显示的高度。

值得注意的是,如果给body设置background-color,依然可以看到满屏的颜色,即使它的高度为0,这应该是浏览器本身对body背景颜色的一种实现行为

 

posted @ 2019-04-26 09:57  Love_night  阅读(1989)  评论(0编辑  收藏  举报