使表格在右对齐时表现为块元素

Question

我想创建一个表格（向右对齐），并且在其下方出现更多 html 元素。 换句话说，我希望它表现得好像它是一个块元素。

但是 div 中表格之后的段落显示在表格的左侧，我希望它出现在表格下方。 请查看我的 jsfiddle 以查看： https://jsfiddle.net/wLysjc6v/

 <div> <table align="right"> <tbody> <tr> <th>a</th> <th>b</th> </tr> <tr> <td>ab</td> <td>ab</td> </tr> <tr> <td>bb</td> <td>bb</td> </tr> <tr> <td>cc</td> <td>cc</td> </tr> </tbody> </table> </div> <p> why am i here?</p>

Answer 1

您的<table align="right">有float: right ，这使它脱离了页面的正常流程（与使用position: absolute的方式相同）。

删除对齐，它应该可以正常工作。

Answer 2

 <div> <table align="right"> <tbody> <tr> <th>a</th> <th>b</th> </tr> <tr> <td>ab</td> <td>ab</td> </tr> <tr> <td>bb</td> <td>bb</td> </tr> <tr> <td>cc</td> <td>cc</td> </tr> </tbody> </table> </div> <div> <p style="clear: right"> why am i here? </p>