如果我的浏览器窗口小于div的内容，当我向右滚动时，100％宽度的div会被切断

Question

我在自己的网站上遇到了一个<div>的问题，应该有100％的宽度。它的代码如下所示。

#myDiv {
    width: 100%;
    height: 160px;
    background: #f48;
}

除了以下问题之外，这很有效：

当我的浏览器窗口小于<div>的内容时，我向右滚动，然后我的<div>将向左移动页面的其余部分，而不是占据宽度的100％页面的可滚动区域。

这个问题一直困扰着我几个小时，就在最近我意识到很多其他网站都有同样的问题。包括Facebook.com和Stackoverflow.com在内，请看一下我的快照。

Facebook的Bug：

Stackoverflow的Bug：

Answer 1

好的，解决了！我只需要将min-width属性设置为<div>内容的宽度。

非常感谢你们！

Answer 2

你是怎么试过的？在IE7中测试过：

html, body {
    position:relative;
    overflow:hidden;
    margin:0 auto !important;
}

Answer 3

我已经尝试了width: auto;并且它有所帮助。

Answer 4

我用display: inline-block为自己解决了这个问题。以下是示例：http://jsfiddle.net/z01g0r2d/1/。请注意，如果您尝试将长内容的宽度设置为，例如200%，则解决方案将停止工作。