Question

我正在尝试用CSS设置页面样式，并设置了背景颜色。除了我的页面在我的页面正文中的所有内容周围显示一个白色框。从字面上看，我所要做的就是设置背景颜色，并在HTML页面正文中的所有内容周围自动获得一个白框。我知道它与bootstrap有关，因为当我摆脱在我的索引页面中使用bootstrap所需的bootstrap链接时，白盒子就会消失，但我的nav-pills和bootstrap按钮也是如此。那么，我该如何摆脱它呢？

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap    
/3.3.5/css/bootstrap.min.css">
html {
     background-color: #FFFFCC;  
}

Answer 1

重置正文的margin和padding

html, body {
    margin: 0;
    padding: 0;
}

浏览器默认设置margin和padding。您可以使用上述规则覆盖它。在CSS的开头添加它。

Answer 2

这是因为默认情况下，浏览器默认在元素上设置某些样式。我相信html，正文默认为padding: 10px或margin: 10px。

开始时给自己一个干净的开始的好基础是使用像normalize（https://necolas.github.io/normalize.css/）

这样的东西

Answer 3

我找到了答案。首先，bootstrap的链接需要在我的index.html中的CSS链接之前，因此CSS将覆盖bootstrap的默认样式。其次，我需要在body标签中指定背景颜色，而不是在style.css文件的html标签中。问题解决了!!

HTML正文周围不需要的框

3 个答案: