css padding margin的百分比

padding和margin都可以使用百分比来定义大小，注意参考的百分比是宽度，而不是高度。

利用这个特性，可以按照比例固定盒子的大小，可以解决如：轮播图所在盒子大小固定比例，防止图片未加载时的样式问题

 

// 盒子大小
width:100%
height:0
overflow: hidden
padding-bottom: 50%

// 图片比例宽高2:1

 

完美解决问题。