关于html中的table表格宽度问题

html中的table表格,不设置宽度的话,他每个表格宽度是根据内容走的。但我想让他铺满屏幕,又不设置宽度应该怎么弄啊? 设置宽度为100%也不行。


<!--
 * @Author: your name
 * @Date: 2021-12-30 16:59:23
 * @LastEditTime: 2022-03-17 08:48:27
 * @LastEditors: Please set LastEditors
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: /未命名文件夹/123.html
-->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      * {
        padding: 0;
        margin: 0;
      }
      body {
        width: 100vw;
        height: 100vh;
      }
      table {
        width: 100%;
        height: 100%;
      }
    </style>
  </head>
  <body>
    <table>
      <tr>
        <td>123</td>
        <td>456</td>
        <td>789</td>
      </tr>
      <tr>
        <td>小仙男</td>
        <td>小仙男</td>
        <td>小仙男</td>
      </tr>
      <tr>
        <td>小仙男</td>
        <td>小仙男</td>
        <td>小仙男</td>
      </tr>
    </table>
  </body>
</html>

我用#CSDN#这个app发现了有技术含量的博客,小伙伴们求同去《如何让table占据整个屏幕》, 一起来围观吧 https://blog.csdn.net/liguoying521/article/details/84508164?utm_source=app&app_version=4.10.0

table宽度100%是根据父元素的的宽度走的,table的父元素也要设置100%