html - 有人能告诉我为什么我的轮播导致所有文本元素移动吗？

Question

我不明白为什么当我向代码中添加轮播时，包括页脚在内的所有文本元素都发生了移动，有人可以告诉我如何将它们重新对齐到左侧吗？

https://codepen.io/alex-burger/pen/LrxOZW

    <div class="footer"> 
    <p style="font-size: 1.4vw;"> &copy; Alex Burger. All rights 
    reserved<br>Further information can be requested through email.</p>
    </div>

   .footer{
   position:relative;
   display: block;
   bottom:0!important; 
   margin: 0;
   padding: 0;

   }

Answer 1

根据 codepen 上的示例，将内容移离视口(viewport)左侧的唯一 CSS 属性是 .contentwrapper 的宽度。

因此，删除 width: 90vw; 会将所有内容推回左侧。