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

Question

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

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

除以下问题外,这项工作很有用:

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

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

Facebook的错误:

Stackoverflow的错误:

Answer 1

好的,解决了!我只需要将min-width属性设置为该<div>内容的宽度.

谢谢你们!