我正在尝试使用我的Web应用程序的布局。它不是那么顺利......
你可以在Fiddle看到我的例子：code
正如您所看到的，与html代码中的div相比，元素以相反的顺序出现。
我无法控制包装“top”类的内容，它是由第三方插件（DataTables）生成的。因此，我无法添加任何“＆lt; br /＆gt;” - 标记。但是，我可以使用我的css文件中的类，大多数（如果不是全部）元素都有一些类。
我希望元素的顺序以“正确”的顺序呈现，而下拉框则在新行上显示。这三个按钮应该仍然在右侧。
我该如何解决这个问题？
答案 0 :(得分：2)
右边的浮动元素将它们按相反的顺序排列。
你必须在标记中以不同的顺序放置它们，因此向右浮动将以正确的顺序显示它们。
或者您可以将text-align: right应用于容器，并且只有float: left元素显示在左侧。
.top { text-align: right; }
.DTTT_container, .ColVis { display: inline-block }
.dataTables_length { float: left; }
答案 1 :(得分：1)
Float right导致你在同一级别的第一个元素向右移动，然后在最右边的左边第二个元素等，这就是为什么你有一个反向元素