Question

我有以下问题：

我的标题包含菜单，使用flexslider滑动的一些新闻和搜索输入：

问题：当我手动调整浏览器大小或重新加载宽度较小时;正确的元素向下跳跃（下推，因为没有空间）

这是一个小测试：

有人知道这方面的解决方案吗？标题应该是响应式的，不需要按下右侧元素。

希望你能帮忙

Answer 1

这是因为你已经设置了正确元素的边距（以像素为单位），你需要使用%它会起作用，否则使用填充而不是边距box-sizing:border-box

Answer 2

如果对#right边距的水平分量使用百分比，则边距将随窗口宽度缩放。

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