如果窗口宽度小于其余内容，则div不会扩展页面的100%宽度。
如果我调整浏览器窗口的大小(在我的例子中是最新的Chrome )，使它得到水平滚动条，那么标题div就会被“切断”。在这种情况下，向右滚动会显示一些空空间。这是因为主要内容的其他，然后标题有固定的宽度。
但是页眉div有100%的宽度，div在默认情况下也是块元素，因此它本身应该伸展到页面宽度的100%。为甚麽不这样做呢？这难道不是默认的行为吗？为什么StackOverflow团队没有修复它呢？
我在许多页面上发现的问题，包括StackOverflow：
所以我一直在谷歌上搜索，甚至找到了一个解决问题的方法，但还不够满意。解决方案是设置min-width property to the width of that 's content。但难道没有更好的解决办法吗？
我在寻找更好的解决方案，如果有的话？此外，我正在寻找一个合理的解释，为什么div的默认行为拉伸100%的宽度不适用于这里？
回答 3
Stack Overflow用户
发布于 2013-12-09 03:31:23
您可以看到一个空白，因为在页面的某个地方，最有可能在header元素下面，有一个大于100%的元素--这就是为什么您看到水平滚动条。
标题实际上是100%，这意味着它比文档的全部宽度更短--因此是空白。
为了调试，我通常打开检查器，从底部开始到顶部，然后一个一个地删除标题的同级，直到我到达不再有空白的地步。此时，您知道问题在于您刚刚删除的最后一个元素。尝试查找该特定元素中的错误。
Stack Overflow用户
发布于 2013-12-09 03:30:56
检查body元素，您将看到它只延伸到viewport。顶部包装是980 of固定宽度，其父与黑色背景，顶部，是100% (身体)。topbar还需要980 on的宽度，或者body元素在StackOverflow站点上需要最小宽度:StackOverflow(看起来您找到了一个bug)。
这是我经常在自由职业者审查的版本中发现的一个问题，他们忘记了缩小浏览器。全宽度部分通常需要最小宽度，如果站点不是流动的，并且有固定宽度的元素.
Stack Overflow用户
发布于 2013-12-09 03:31:14
“断线”div的宽度是可见区域的100%，所以一切正常。问题是，内容已经溢出，您现在可以滚动到120%的宽度。
要修复此行为并将“关闭”div始终扩展到页面的整个宽度，您可以应用一些css：
position: absolute;
left: 0;
right: 0;https://stackoverflow.com/questions/20462533
复制相似问题
腾讯云开发者
