举例子写一个表格浮动案例

好的，下面是一个简单的 HTML 表格，使用 CSS 中的浮动属性将其浮动到右侧：

<style>
    table {
        float: right;
        margin-left: 20px; /* 为了与其他内容保持一定距离，添加左边距 */
    }
</style>

<table>
    <tr>
        <th>姓名</th>
        <th>年龄</th>
        <th>性别</th>
    </tr>
    <tr>
        <td>张三</td>
        <td>25</td>
        <td>男</td>
    </tr>
    <tr>
        <td>李四</td>
        <td>30</td>
        <td>女</td>
    </tr>
</table>

<p>这是一段文字，表格已经浮动到了右侧。</p>

在上面的代码中，我们使用 CSS 的 `float` 属性将表格浮动到了右侧，同时为了与其他内容保持一定距离，添加了一个左边距。当页面宽度足够时，表格会浮动到右侧；当页面宽度不足时，表格会自动换行，不会遮挡其他内容。