响应式 table 高度属性 html？

Question

我正在尝试制作一个 table 以使其高度响应。我希望 table 的高度下降到页面底部，并且它的单元格应该重新分配 table 的 space。我知道宽度属性我可以设置 %，但是当我设置高度时它不起作用。这是代码：

CSS:

#days_table{
width: 100%;
height: auto;}

.d_td{
text-align: center;
width: 10%;
height: 10%;}

HTML:

<div id="row2">
        <table id="days_table">
            <!-- for 3 times -->
            <tr>
                <!-- for 10 times -->
                <td class="d_td">1</td>
                <td class="d_td">2</td>
                <td class="d_td">3</td>
                <td class="d_td">4</td>
                <td class="d_td">5</td>
                <td class="d_td">6</td>
                <td class="d_td">7</td>
                <td class="d_td">8</td>
                <td class="d_td">9</td>
                <td class="d_td">10</td>
            </tr>

        </table>
    </div>

Answer 1

您可以设置#days_table高度：100vh

响应式 table 高度属性 html？

Responsive table in height attribute html?

html

css

height