Question

当我们使用bootstrap创建网页时，我们可以设置边距。但是网页浏览器获得了一些利润。代码为div（class =＆＃34; container-fluid＆＃34;）或代码为margin：0;和填充：0;基于CSS文件中的容器，我无法解决问题。你帮助我

Answer 1

有些浏览器在body标签上有一个边距。在你的css的某个地方将它设置为0。

<figure id="svg-container">
  <svg version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg"
    width="100%" height="100%">
    <circle cx="50%" cy="50%" r="50%" />
    <text x="50%" y="60%" font-size="20vw" text-anchor="middle">SVG</text>
  </svg>
</figure>

<figure>Hello, World!</figure>

Answer 2

这是正文的浏览器默认边距：

像这样修复：

body {
   margin:0;
}

Answer 3

将任何元素的边距设置为零只需输入类似

的内容

body{
margin:0
}

虽然有时bootstrap包含自己的保证金规则，例如在h标签上设置保证金，但您也可以使用更具体的规则（read about specificity here）或使用重要的

删除它们

h4{
margin: 0 !important
}

Answer 4

原因是浏览器具有元素的默认样式。

要仅在body元素上重置边距，您可以使用：

body {
    margin: 0;
}

要重置所有浏览器中的所有样式（这不是坏事），您可以使用名为normalize.css的css库。

Normalize.css使浏览器更加一致地呈现所有元素并符合现代标准。它只精确定位需要规范化的样式。

这个图书馆被大公司用作GitHub，Twitter，Soundcloud，Guardian，Medium等等。

Answer 5

虽然你放了容器流体，但有时它不会使宽度100％适合屏幕，因为浏览器会设置默认的边距和填充。为了使它适合屏幕，你必须这样做。

体{

padding: 0;
margin: 0;

}

如果它不起作用，请将它们视为重要内容。

体{

padding: 0 !important;
margin: 0 !important;

}

删除浏览器自动获取的边距

5 个答案: