css 高度 100%

190 阅读1分钟

1、css的父元素不设置高度

  • 如果css的父元素不设置高度。即css父元素的height为auto(计算属性),此时为css子元素设置100%时,该高度不生效
  • 解决办法:显示的为父元素设置高度

2、css在绝对定位中高度为100%时生效

  • 原因:因为会使元素具有格式化高度。
  • 格式化高度:格式化宽度/高度仅出现在“绝对定位模型”中,也就是出现在position属性值为 absolute 或 fixed的元素中。当left/toptop/bottom对立方位的属性值同时存在的时候,元素的宽度/高度表现为“格式化宽度/高度”,其宽度/高度相对于最近的具有定位特性(position属性值不是static)的祖先元素计算。