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

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

Div没有向右扩展以占用最大空间

1 个答案: