html和body标签默认高度为0带来的影响
html和body默认的高度是0, 这样导致它们的子元素使用百分比高度时,就会失效
如果给html和body均设置height: 100% ,则浏览器会自动分配一个高度给html和body,即使我们不知道html标签的父标签是什么。这个高度是浏览器显示的高度。
值得注意的是,如果给body设置background-color,依然可以看到满屏的颜色,即使它的高度为0,这应该是浏览器本身对body背景颜色的一种实现行为
html和body默认的高度是0, 这样导致它们的子元素使用百分比高度时,就会失效
如果给html和body均设置height: 100% ,则浏览器会自动分配一个高度给html和body,即使我们不知道html标签的父标签是什么。这个高度是浏览器显示的高度。
值得注意的是,如果给body设置background-color,依然可以看到满屏的颜色,即使它的高度为0,这应该是浏览器本身对body背景颜色的一种实现行为