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

Question

我的大脑完全卡住了，如果有人帮我解决它，我将不胜感激。

我有 2 个 div 元素。左右调用:

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

我想做的是，如果浏览器缩小，将右边的固定为 320px 的宽度，将左边的固定为 auto。

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

但我不知道如何让它工作，因为右边的元素直接跳到左边的元素下面并获得宽度 100%。

我希望它表现得像这样:

[-------- 左--------][--- 右---]

当我缩小浏览器窗口时:

[--- 左---][--- 右---]

提前致谢， jack

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