padding-top,padding-bottom,margin-top,margin-bottom是百分比时是按照当前元素的父级元素的宽度来计算的
1. 当子div的宽度是百分比时
html代码
无标题
效果图
2. 当子div的宽度是具体像素时
html
无标题
效果图
CSS笔记padding，margin为百分比计算时的参照对象-青草圆
div的padding为百分比的两种情况