1

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

有没有办法只用 CSS 强制 Firefox 换行？我没有机会更改 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/

4

1 回答 1

0

添加：

table {
    clear: right;
}

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

于 2013-01-03T16:16:00.370 回答