一个完整的 div 宽度答案

【问题标题】：A full div width一个完整的 div 宽度
【发布时间】：2019-01-08 01:41:57
【问题描述】：

我想制作一个占全屏宽度的 div。我可以管理 div 边距和宽度，但我希望它具有响应性（使用引导程序），如果我管理使用像素更改宽度和边距的问题，则不会。我试过做我见过的方法：body {margin: 0; padding: 0} 但它不起作用。非常感谢任何提示，谢谢

【问题讨论】：

【解决方案1】：

使用完整的引导程序？你的意思是container-fluid？

您可以执行以下操作

<div class="container-fluid">
     <div class="row">
          <div class="col-sm-12">
          </div>
     </div>
</div>

您可以在此处阅读有关引导网格系统的更多信息：Bootstrap Grid

【讨论】：

我了解引导网格，但两侧有一些边距。如果我手动添加 margin-left 使我的 div 的边缘接触到屏幕的边缘，当我使屏幕更短（col-sm）时，它会完全改变
@John 认为您应该编辑您的帖子，提出更详细的问题，并向我们展示您的代码。

【解决方案2】：

eg:div {width: 100%};
div {width: calc(100% - 20px)}

css3 calc().
试试吧

【讨论】：