07 下面对内容进行绝对定位,在外框里加个框,设置为绝对定位。
08 发现只要将图片的中点向左偏移一半就可以实现图片的完美居中了。
设置top:auto;是让这个框在垂直位置上保持模块的默认位置。设置left:50%;是因为这个框是以框7为基准进行定位的,框7的宽度为100%,意味着该框一直定位在左上角,将浏览器缩小后会出现异常。设置left:50%,则无论浏览器多大,都会定位在窗口的一半的位置。
09 在图片外再套一个框作为内框,并设置绝对定位及偏移。
10 再次预览效果,突破950像素后,海报就实现了全屏的效果。