css - 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 和紫色框的大小。