CSS 流体设计框未正确对齐

Question

您好，我正在尝试创建我的第一个流畅的响应布局，但我遇到了一个小问题，在右边我有一个比旁边的盒子长的容器，所以我试图在间隙中放置一个盒子，你可以在这里看到:http://www.security-vacancies.net/test/fluid_test.html我试图让紫色框向上并与灰色框并排，但它一直在新行上重新开始。

这是我的两个盒子的代码。

 #job_seach {
clear: none;
float: left;
margin-left: 2.0408%;
width: 28.5714%;
display: block;
background-color:#CCC;
 }
 #lates_jobs {
clear: both;
float: left;
margin-left: 0;
width: 40.3877%;
display: block;
background-color:#909;
    }

如有任何建议，我们将不胜感激。

李

Answer 1

没有空间让紫色框跟随灰色框(沿着灰色框)，这就是它换行的原因。如果你想让它跟着你，你就必须为它腾出空间。尝试减小其他 div 和紫色框的大小(如果您想将其挤进去)。