问如果窗口宽度小于其余内容，则div不会扩展页面的100%宽度。
EN

Stack Overflow用户

提问于 2013-12-09 03:17:47

回答 3查看 1.9K关注 0票数 1

如果我调整浏览器窗口的大小(在我的例子中是最新的Chrome )，使它得到水平滚动条，那么标题div就会被“切断”。在这种情况下，向右滚动会显示一些空空间。这是因为主要内容的其他，然后标题有固定的宽度。

但是页眉div有100%的宽度，div在默认情况下也是块元素，因此它本身应该伸展到页面宽度的100%。为甚麽不这样做呢？这难道不是默认的行为吗？为什么StackOverflow团队没有修复它呢？

我在许多页面上发现的问题，包括StackOverflow：

所以我一直在谷歌上搜索，甚至找到了一个解决问题的方法，但还不够满意。解决方案是设置min-width property to the width of that 's content。但难道没有更好的解决办法吗？

我在寻找更好的解决方案，如果有的话？此外，我正在寻找一个合理的解释，为什么div的默认行为拉伸100%的宽度不适用于这里？

发布于 2013-12-09 03:30:56

检查body元素，您将看到它只延伸到viewport。顶部包装是980 of固定宽度，其父与黑色背景，顶部，是100% (身体)。topbar还需要980 on的宽度，或者body元素在StackOverflow站点上需要最小宽度:StackOverflow(看起来您找到了一个bug)。

这是我经常在自由职业者审查的版本中发现的一个问题，他们忘记了缩小浏览器。全宽度部分通常需要最小宽度，如果站点不是流动的，并且有固定宽度的元素.

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/20462533

复制

相似问题

问如果窗口宽度小于其余内容，则div不会扩展页面的100%宽度。EN