什么决定了未定义 div 类的宽度？答案

【问题标题】：What determines the width of a div class when it's not defined?什么决定了未定义 div 类的宽度？
【发布时间】：2015-07-21 12:50:29
【问题描述】：

我正在尝试调整此example 中的侧边栏列的大小。

目前为 25%（0.3u 列）。我想在不缩小实际主要区域（0.9u 列）的情况下将其扩大到相当于 26%。我看到完成的唯一方法是增加容器 div 的宽度（类 .row）。但我没有看到 Chrome 的“检查元素”视图中定义的那个类的宽度！我也没有看到 .row 的边距或填充，这会将其内容推向中间并间接设置其宽度。

我是不是找错地方了，还是 Chrome 不是为此目的检查 CSS 的最佳工具？

【问题讨论】：

没有完全理解您的问题，但我可以在 chrome 工具栏、F12 和放大镜图标中看到 3u 和 9u 类的宽度。

标签： html css google-chrome-devtools column-width

【解决方案1】：

您可以清楚地看到宽度在chrome开发工具中应用于.container类。

.container {
  margin-left: auto;
  margin-right: auto;
  width: 1200px;
}

【讨论】：

谢谢，我现在看到定义两列总和宽度的不是 .row，而是 .container。让我失望的是，Chrome 使用蓝色突出显示 .row，但当您选择 .container 时，它使用橙色作为周围的空白区域。这让我认为 .container 是行 + 空空间。当然，Stack Overflow 上的人很快就会对一个误读某些内容的新手投反对票，并且天堂禁止询问有关它的问题。
如果这有帮助的话就太好了，为了您的记录，我没有对这篇文章投反对票。