去除网页周围的边框答案

【问题标题】：Removing borders around webpage去除网页周围的边框
【发布时间】：2018-07-06 04:34:34
【问题描述】：

在 Colorlib 的这个模板中：https://colorlib.com/demo?theme=pemodule 我正在尝试删除网站外部的紫色边框。我似乎无法在 CSS 中弄清楚这个边框是如何实现的以及如何删除它。

只是想知道是否有人有任何想法。

非常感谢您的帮助。

【问题讨论】：

【解决方案1】：

边框是body 的背景，网站的其余部分有一个边距，在它和视口边缘之间创建空间。

在 main.css 中，第 1927 行：

body {
    background: #4b379a;
}

在 main.css 中，第 1931 行：

.main-wrapper-first {
    width: 68.75%;
    margin: 0 auto;
    margin-top: 6rem;
}

【讨论】：

【解决方案2】：

body 标签有以下内容：

body {
background: #4b379a;
}

将其更改为：

body {
background: white;
}

【讨论】：

【解决方案3】：

在你的 CSS 中设置这些东西（我不知道你是否需要 !importants），但是在这里：

.main-wrapper, .main-wrapper-first {
    width: 100% !important;
    margin-top: 0 !important; 
}

如果您要将其添加到 CSS 中，请将其放在底部。

【讨论】：