html - Div 不会向右扩展以占用最大空间

Question

最近我意识到我网站上的显示存在巨大错误，并且它不适用于所有设备。我一直认为使用百分比来表示宽度和高度是个好主意，直​​到我意识到它会弄乱 div 的预期外观。所以我意识到 min-width 和 max-width 是解决这个问题的方法。但是，说到这里，我又遇到了新的问题。

http://1v1lb.com/example.html

这是我的布局外观示例。唯一的问题是，我的页面越大，左右 div 之间的空间就越大。我正在尝试将其移到我的左栏填充该额外空间的位置。这是我的代码

#container {
    min-width: 960px;
}

#right {
    width: 300px;
    display: inline-block;
    float: right;
}

#left {
    min-width: 640px;
    margin-right: 20px;
    float: left;
    display: inline-block;
}

如您所见，我将 min-width 设置为 960，因为我在之前的问题中了解到这是应该给出的默认值。但是对于我的左列，我只给了它一个最小宽度，而且我不知道将宽度设置成什么，以便让它尽可能地自动填充那个空间，而不会将我的另一个 div 推开。

Answer 1

请在#container 上添加max-width:100% important 删除那些标记的属性http://prntscr.com/6ek8uf