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

Question

我在div中创建了一个表。 div标签的样式设置为float left。表格在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;
    }