[原创] html5标准文档中设置body高度100%无效

html css

2016-05-11 1632

在怪异模式下,也就是网页头部不写DOCTYPE的时候,body可以作为html元素的根元素,设置它的高度为百分之百的时候(不考虑外边距),可以使的页面的高度和浏览器客户区相同。

在标准模式下,也就是网页头部写DOCTYPE的时候,body不是html页面的根元素,html才是根元素,如果仅仅设置body的100%,不设置html元素的高度为100%,那么body的高度不会生效,之所以不生效,是因为如果要以百分比设置元素的尺寸,必须以父元素的尺寸作为参考,如果父元素没有设置尺寸,自然不会生效。

html,body{
  height:100%;
}
引用stackoverflow上的回答