因为所有基于百分比的尺寸必须从父块元素继承
body设置的height:100%要从它的父元素那里继承高度,所以要设置html的height也为100%.
解决:
html,body{height:100%;}
body设置height为100%失效
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- CSS设置html, body{ height:100%; }的原因:今天看到一个CSS样式:html, body...
- 今天看到一个CSS样式:html,body{height:100%},第一次看到,感觉挺奇怪,为什么html还需要...
- 在前端浏览器的页面加滚动条时,想要设置高度百分之百,之后垂直滚动条不出来,而设置px却好使。 这块没有截图。。。。...
- CSS盒模型 在CSS中盒模型被分为两种,第一种是W3C的标准模型,第二种是IE怪异盒模型。两种盒子模型都包括pa...
- 为什么要设置HTML和body的高度? 是为了后面的div的百分比高度正确的显示。div的100%是从其上一级di...