使用Firefox在表下浮动元素

使用Firefox在表下浮动元素,firefox,html-table,mozilla,floating,Firefox,Html Table,Mozilla,Floating,我想在桌子下面浮动一个元素。表格的宽度为100%,因此预期的输出是出现在表格上方的浮动元素。除了Mozilla之外,所有主要浏览器引擎都很好 有没有办法强制Firefox只使用CSS换行?我没有机会修改HTML代码,因此使用CSS的解决方案将非常重要 提前谢谢 <html> <head> <style type="text/css"> div { background: red; float: right; width: 300px; } tabl

我想在桌子下面浮动一个元素。表格的宽度为100%,因此预期的输出是出现在表格上方的浮动元素。除了Mozilla之外,所有主要浏览器引擎都很好

有没有办法强制Firefox只使用CSS换行?我没有机会修改HTML代码,因此使用CSS的解决方案将非常重要

提前谢谢

<html>
<head>
<style type="text/css">
div {
  background: red;
  float: right;
  width: 300px;
}
table { width: 100%; }
td { background: green; }
</style>
</head>
<body>
<div>Label</div>
<table>
   <tbody>
      <tr>
         <td>
            Table
         </td>
      </tr>
   </tbody>
</table>
</body>
</html>
加:

这将确保表在浮动元素下呈现,但请注意:如果在表之前指定的任何其他元素在右侧浮动,则表也将在这些元素之后呈现

table {
    clear: right;
}