Question

我遇到的问题是我需要向左移动一个固定宽度的元素，并在其旁边放一个元素填充剩余的宽度。

我所知道的唯一解决方案是浮动第一个元素，然后它旁边的元素将自动填充剩余的宽度。我遇到的问题如下：

如果绿色内容高于红色，它将跳到红色以下。有没有办法防止这种情况发生？我和clear一起玩过，但我认为我无法做任何事情来阻止它发生。

更糟糕的是，网站响应迅速。如果不是，我可以给绿色元素一个静态宽度并浮动它，但事实并非如此。我不能使用百分比，因为红色元素具有静态宽度。

我相信flexbox有我正在寻找的东西但不幸的是，由于缺乏支持，它现在不是一个选择。

想法？

Answer 1

编辑：

css代码应如下所示：

.floated {
  width:200px; float:left; 
}

.fill {
  margin-left:200px;
}