如何在div的第二行放置几个元素

Question

我正在尝试使用css来将元素放在div中。我不能使用除了classes / id以外的任何东西，因为div的内容是从第三方插件（datatables）生成的。因此，我不能自己添加任何标签。

我的问题是我不能在第二行放置几个元素。只有一个位于第二行，而下一个位于第三行（彼此相邻......）。

我想要第二行的所有选择元素和第一行的所有其他元素。我希望第一行的所有元素都位于右侧，第二行一个选择左侧，一个位于中间，一个位于右侧。

以下是代码：fiddle

为什么这不起作用，我该如何解决？

Answer 1

我认为这是你正在寻找的，在布局上相当困惑：

<强> CSS

.dataTables_length, .dataTables_length2, .dataTables_length3 {
    float:left;
}

.DTTT_container {
    float: left;
}

.ColVis {
    clear: right;
    text-align: left;
}

Demo

Answer 2

您好plz检查此链接http://jsfiddle.net/2nPVZ/6/ 只需在你的CSS中添加小css

.top div
{
    float:left;
}

Answer 3

  

考虑css position - 2和box model规则   调整网页内容。使用容器宽度然后使用   定位容器的相对或绝对指定宽度if   需要调整。

检查此jsFiddle。

Answer 4

尝试使用

display:block

而不是内联？