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

【问题标题】：background image in a div class wont stretch to full width of browserdiv 类中的背景图像不会拉伸到浏览器的全宽
【发布时间】：2015-11-29 13:17:59
【问题描述】：

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 ，但这似乎没有帮助。感觉好像我错过了一些明显的东西？

【问题讨论】：

你是否删除了body的边距？
如果可能请添加屏幕截图并检查您是否重置了浏览器。
你试过background-size:100%吗？

标签： css width background-image css-position stretching

【解决方案1】：

尝试移除身体的内边距和边距：

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

【讨论】：

啊，这是一个我还没有想到的好主意，但不幸的是它没有奏效。也许是因为我使用的是 div 类，所以无法完成，我需要通过 body、html 调用它？
ahhhhh 我的引导导航栏中有一个容器流体导致了这个问题，尽管我相信 0 边距/填充会解决它。每个人都从我的菜鸟错误中学习！！ :)

【解决方案2】：

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

【讨论】：