代码小知识

overflow: hidden;//清除浮动

display: inline-block;//转化块级行内元素,

list-style: none;清除元素样式

display: flex;伸缩布局

这是vertical-align,设置元素的垂直对齐方式

设置最小的宽度:min-whith:400px;

object-fit:cover;

父元素绝对定位后影响到了子元素的a标签响应的事情,解决方法是在父元素加一个z-index:998(值可以大一点);就行了.

盒子居中显示:position:absolute;

                           left:50%;
                           transform:translateX(-50%);