CSS流体设计盒未正确对齐

时间:2012-06-30 13:56:18

标签: css

您好我正在尝试创建我的第一个流体响应布局,我有一个小问题,在右边我有一个比它旁边的盒子更长的容器,所以我试图在间隙中适合一个盒子,你可以在这里看到: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;
    }

非常感谢任何建议。

1 个答案:

答案 0 :(得分:0)

紫色框没有留下灰色框(灰色框旁边)的空间,这就是它进入新线的原因。如果你想要它,你将不得不为它腾出空间。尝试减少其他div和紫色盒子的大小,如果你想挤进它。