码迷,mamicode.com
首页 > 其他好文 > 详细

如何让元素支持 height:100%效果

时间:2019-01-12 20:20:09      阅读:195      评论:0      收藏:0      [点我收藏+]

标签:padding   比较   nts   设定   htm   设置   定位元素   常见   abs   

如何让元素支持 height:100%效果?
两种方法。
1设定显式的高度值这个没什么好说的,例如,设置 height:600px,或者可以生效
的百分比值高度。例如,我们比较常见的:
html, body {
height: 100%;
}
2使用绝对定位例如:
div {
height: 100%;
position: absolute;
}
此时的 height:100%就会有计算值,即使祖先元素的 height 计算为 auto 也是如此。
需要注意的是,绝对定位元素的百分比计算和非绝对定位元素的百分比计算是有区别的,区别
在于绝对定位的宽高百分比计算是相对于 padding box 的,也就是说会把 padding 大小值计算
在内,但是,非绝对定位元素则是相对于 content box 计算的。



如何让元素支持 height:100%效果

标签:padding   比较   nts   设定   htm   设置   定位元素   常见   abs   

原文地址:https://www.cnblogs.com/zhaoxiangshang/p/10260850.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!