将表格调整为外部 div 的大小

Question

我在 div 中创建了一个表。 div 标签设置为向左浮动。表格在 div 上溢出。我怎样才能做到这一点？请看下面我的html。

对不起。英语不是我的母语。我的意思是我想把表格放在 div 中。如果 div 很小，表格及其字体会自动变小，直到整个表格都显示在 div 中。

[改版]

我希望将表格及其内容（主要是字体大小）调整为外部容器的大小。这可能吗？

[html]

 <div style="border:1px solid black;width:20%;float:left;margin: 1% 2% 1% 2%; height:30%;">
     <table style="width:100%">
        <tbody>
            <tr>
                <td align="center" colspan="7"><label for="">1</label></td>
            </tr>
            <tr>
                <td>Sun</td>
                <td>Mon</td>
                <td>Thu</td>
                <td>Web</td>
                <td>Thurs</td>
                <td>Fri</td>
                <td>Sat</td>
            </tr>
        </tbody>
    </table>
</div>

Answer 1

请添加以下样式，以便在 div 中看到滚动条

div {
    overflow:auto;
}

如果您不想显示滚动条，请使用以下内容：

 div {
        overflow:hidden;
    }