Question

我想在表格下面浮动一个元素。该表的宽度为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>

http://jsfiddle.net/fPVcr/

Answer 1

添加：

table {
    clear: right;
}

这将确保表在浮动元素下面呈现，但要注意：如果在表之前指定的任何其他元素（在右侧浮动），则表格也将在这些之后呈现。

使用Firefox在表下浮动元素

1 个答案: