Pebbles_的博客

原创 css实现宽高成比例的自适应盒子，且垂直居中

【css】css实现宽高成比例的自适应盒子，且垂直居中 一个元素的 padding，如果值是一个百分比，那这个百分比是相对其父元素的宽度而言的，而不是高度，对于 padding-bottom 和 padding-top 也是相对宽度而言的。 在计算 Overflow 时，是将元素的内容区域（即 width / height 对应的区域）和 Padding 区域一起计算的。换句话说，即使将元素的 overflow 设置为 hidden，“溢出”到 Padding 区域的内容也会照常显示。 所以，我们可以使用