对Padding和Margin属性设置百分比，其参考的基准值为最近的 块级 父元素宽度。
利用这一点，可以实现固定长宽比的响应式容器
例 固定长宽比的视频容器https://alistapart.com/article/creating-intrinsic-ratios-for-video/
.wrapper-with-intrinsic-ratio {
position: relative;
padding-bottom: 20%;
height: 0;/*父元素，高度设置为0，使用Padding撑开，设置relative用与子元素定位*/
}
.element-to-stretch {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;/*子元素充满父元素，其长宽比固定，大小跟随父元素*/
}
