调整大小时CSS浮动：不必要的元素下压（导致边距/填充）（响应性设计）

我有以下问题：

我的标题由菜单、一些使用flexslider滑动的新闻和搜索输入组成：

问题是：当我手动调整浏览器的大小，或者以较小的宽度重新加载浏览器时；右元素向下跳转（向下推，因为没有剩余空间）

下面是一个小测试：

有人知道这个问题的解决方案吗？收割台应具有响应性，无需按下右侧元件

---

希望您能提供帮助，这是因为您已经为正确的像素元素设置了边距，您需要使用

%

，它会起作用，否则使用填充代替边距

框大小：边框框

如果您对

右侧

边距的水平分量使用百分比，边距将随窗口的宽度而缩放

#right {
  background:yellow;
  float:right;
  width:18%;
  margin: 10px 1% 3px 0;
}

---

嘿，谢谢你的快速回答；在我的演示中，它是有效的，但在我的实际代码中，百分比边距/填充并没有起到作用：（它仍然会跳跃，因为没有可用的空间。）（不过，我现在修复了它，但是现在右元素比左元素小得多，你知道为什么吗？