前言：
目前各位老铁们对“csspadding铺满”都比较讲究，看官们都想要分析一些“csspadding铺满”的相关内容。那么小编也在网上网罗了一些对于“csspadding铺满””的相关文章，希望朋友们能喜欢，兄弟们一起来学习一下吧！前言
在流式布局中，我们经常会使用百分比对元素的宽高进行设置，当然也可以对一个元素的padding和margin进行百分比进行设置，但是它还是像设置宽高的一样是相对于父元素的宽高进行的计算吗？
规范
在css2.1的标准中，规定百分比值参照的不是容器的高度，而是宽度 （无论垂直还是水平，百分比值始终参考宽度）。
为什么这么定义
为了更好的理解，我习惯知其所以然。但是对于这个官方并没有解释，说说我的理解，水平方向如果按照宽度去进行百分比计算，可以理解为这是正常情况（因为宽度本来就是按照父元素的宽度进行计算的），按照padding和margin的给值都是尽量简洁化，比如你给一个值就是四个方向都是这个值，给两个值就是缺省的就是对边的，所以在垂直方向上w3c也没必要去再搞套规范定义（欢迎各位童鞋在评论区发表自己的想法）。
好处
再来看看这么规定之后，对你来说有什么好处，实际上用这个特性，我们完全可以实现一个元素的宽高比例，比如正方形：
宽度和高度相等，而且可随宽度的变化等比变化
大眼萌，哈哈
当然你可以随意设置成其他比例。
版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
