CSS中设置height:100%无效的解决方案
2013-07-04 17:27
411 查看
在网页设计中有时会设置某个DIV或者TABLE的高度自适应,即元素的高度充满父元素的高度。一般使用设置CSS height:100%来实现。但是当元素层级嵌套比较深的时候,设置该属性并不能得到应有的效果。其实问题在于该元素的父级元素,当父级元素没有设置高度时,子元素的该属性并不会出现效果。所以,当要设置height:100%这个属性时,该元素的所有嵌套的父元素都必须设置高度,或者height:100%属性。
相关文章推荐
- 兼容模式下IFRAME_height=100%无效时CSS设置
- css clearfix(针对火狐height:auto无效解决方案)
- IE8中height100%无效解决方案
- IE6 CSS高度height:100% 计算失效/无效
- css菜鸟之HTML 中块级元素设置 height:100% 的实现
- 解决html设置height:100%无效的情况
- vue中设置height:100%无效的问题及解决方法
- css clearfix(针对火狐height:auto无效解决方案)
- 【解决方案】CSS 给 label 设置宽高无效
- table和div设置height:100%无效的完美解决方法
- div设置height:100%;无效的原因
- css 设置height:100%问题
- CSS布局与定位——height百分比设置无效/背景色不显示
- css clearfix(针对火狐height:auto无效解决方案)
- IE6 CSS高度height:100% 无效解决方法总结
- [转]table和div设置height:100%无效的完美解决方法
- 【CSS系列】height:100%设置div的高度
- table和div设置height:100%无效的完美解决方法
- table和div设置height:100%无效的完美解决方法
- css如何用height:100%设置全屏