css - 子元素的padding取百分比的时候，width和height的默认值应该为多少？

问题描述

问 题

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

解决方案

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

这篇关于css - 子元素的padding取百分比的时候，width和height的默认值应该为多少？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！