图片宽高比固定
注意点：
- 对图片的容器进行设置，宽度可以自己设置为A，高度设置为0，此时这个容器因为没有高度就啥也没有
- 图片设置自己的宽高，图片自己设置宽高都是100%，是相对于它的容器的宽高的
padding-bottom
padding-bottom的值是百分比的话，表示的是其父布局的宽度的百分比，意思是容器要相对于bottom有多少留白空间。
上面的例子中，容器的width是父布局的宽度百分比，padding-bottom也是父布局宽度百分比，一样的话这个容器的宽高就是1：1
position
relative
假设值是relative的时候：
- 整体位置还是流布局的位置
- 起始绘制位置是通过left和top设置的，默认是父布局最左边
比如：下面这部分代码，父布局指定flex，纵向
效果：流布局在image-container下面，因为设置了left，所以从左侧偏移20像素开始
absolute
直接位于父布局左上角开始绘制，效果
如果设置right而没有设置left：
left和right都设置的时候，只取left
fixed
相对于浏览器窗口进行定位
class标签多个值
中间用空格分割，如下
那么这个class就可以使用到两个style
来源：CSDN
作者：snotJam
链接：https://blog.csdn.net/u010513497/article/details/103613550