css - div 类中的背景图像不会拉伸到浏览器的全宽

Question

HTML

        <div class="bg">
      // some code and text nothing crazy 
        </div> 

css

  .bg {
    background-image: url("color.jpg");
    background-position: top;
    margin-top: -75px;
   }

我的背景图像和浏览器边缘之间的两边都有白边。只是试图让我的背景图像拉伸到边缘......此时我已经尝试了过多的......背景组合位置，只是 reg position: relative/fixed 等。似乎都不起作用。我也尝试了 max-width ，但这似乎没有帮助。感觉好像我错过了一些明显的东西？

Answer 1

啊，我的引导导航栏中有一个容器流体导致了这个问题，尽管我相信 0 边距/填充会解决它。每个人都从我的菜鸟错误中学习！！:)

Answer 2

尝试删除身体的填充和边距：

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