子元素的padding取百分比的时候,width和height的默认值应该为多少?

图片描述

padding为百分比的话,子元素的padding默认值为父元素width的长度。可是子元素的width和height怎么计算?

阅读 2.6k
1 个回答

按照盒子模型的定义,块状元素默认会占满,然后再减去padding就是宽度,无论宽高都是基于包含块的宽度去计算的,
宽度应该是200-20020%2 = 120px
高度,没有东西就是0啰
但是背景颜色是从padding-box开始计算的(https://www.w3.org/TR/css3-ba...),所以这里面的背景颜色应该是包含padding(80px)的,
120+80 = 200 px
0+80 = 80px

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题