body 在右侧显示空白答案

【问题标题】：body shows white space on the rightbody 在右侧显示空白
【发布时间】：2017-04-06 18:50:29
【问题描述】：

我遇到的问题是页面右侧有一个空白。

我试过了

body {
  height: 100%;
  width: 100%;
  overflow-x: hidden;
}

这解决了空白问题但是 overflow-x: hidden; 行打破了导航栏的前后行为并导致 fa 图标进一步向下页面不显示。

在控制页面正文的溢出-x 的同时，我是否可以同时拥有导航栏和 fa 图标的功能？

或者我可以在 CSS 中做些什么来解决这个问题？

我对 CSS 中的父子动态不是很了解，除了导致右侧空白的溢出-x 之外，是否还有其他原因？

我已经多次看到这个问题，但没有像我这样的导航栏。我认为回答这些问题会对其他人有所帮助，因为这会加深他们对 CSS 复杂性的了解。

谢谢！

【问题讨论】：

在 chrome 中看不到空白，您使用的是什么浏览器？
由于 a) 我盯着代码问“好的，那为什么不是所有的部分都有空白？是什么让它们不同？”然后 b) 我看到其他部分在 .container 或 .container-fluid 中，然后 c) 我的思维过程得到了@MichaelCoker 的确认

【解决方案1】：

您在页面中间（在header 之后）有一个带有class="row bg-primary" 的部分

.row 需要位于 .container 或 .container-fluid 中。您看到的是.row 上的-15px 左/右margin，通常被.container 父级偏移。

将该行包装在 .container-fluid 中。

【讨论】：