有人可以告诉我为什么我的轮播导致我的所有文本元素移动吗?

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

根据您在代码笔上的示例，将内容从视口左侧移开的唯一 CSS 属性是.contentwrapper的宽度。

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