如何在另一个具有固定宽度时使div元素自动适应

Question

我有大脑冻结,我很乐意帮助解决它.

我有2x div元素.左右叫:

.left {width:50%;float:left;}
.right {width:50%;float:left;}

我想要做的是使正确的一个固定宽度为320px,左边一个固定,如果浏览器缩小.

.left {width:auto}
.right {width:320px}

但我无法弄清楚如何使它工作,因为正确的元素直接跳到左边的一个,并获得宽度100%.

我希望它表现得像这样:

[ - - - - 左右 - -]

当我缩小brwoser窗口时:

[ - - 左右 - -]

先谢谢你,杰克

Answer 1

这对你有用.你走在正确的轨道上

.left {width:320px; height:20px; background-color:red; float:left}
.right {width:auto; height:20px; background-color:blue; float:left, margin-left:320px}

DEMO