HTML、CSS：正文中的额外空间

Question

我正在建立一个网站，但由于某种原因，主体宽度有额外的空间。 我使用了margin-left: 0但这没有帮助。

我的代码结果： https : //chezzles-shreyas1703.c9users.io/index.html

先感谢您！

Answer 1

将margin-left更改为5%或20px 。 目前它设置为13% 。

.main-content {
margin-left: 5%;
}

或者

.main-content {
margin-left: 20px;
}

Answer 2

如果我明白你在说什么，我很确定你的问题在于你的.main-container类的margin-left属性

.main-content {
   margin-left: 13%;
}

Answer 3

在 max-width : 850px 的媒体屏幕上，您已经为您的部分设置了 100% 的宽度，将其更改为 max-width。

@media screen and (max-width: 850px)
section {
    position: absolute;
    max-width: 100%;
    left: 0;
    top: 0;
}