Html 表格宽度超过容器'；s宽度

我正在开发一个报表应用程序，它可以生成多行多列的HTML表格（有时是40或更多）

问题是，这些表中的许多都超出了它们的包含div，而且看起来很难看。由于某些原因，包含的div无法扩展到表的大小

因此，我的问题是：是否可以使用CSS将包含元素拉伸到表的宽度

这是一个最基本的问题。

---

给您的容器一个浮点数，迫使其伸展到内容物的宽度：

div{
    border:2px solid #F00;
    padding:10px;   
    float: left; 
}

---

考虑另一种方法--在table类中将table layout设置为fixed：

table-layout:auto;

来自另一个的想法只需把

和快乐编码放在一起

div{
边框：2px实心#F00；
填充：10px；
}
桌子{
边框：2倍实心#00F；
}
td，th{
边框：1px实心#00F；
填充：4px；
}

洛勒姆
乱数假文
多洛
坐着
艾米特
洛勒姆
乱数假文
多洛
坐着
艾米特
洛勒姆
乱数假文
多洛
坐着
艾米特
洛勒姆
乱数假文
多洛
坐着
艾米特
洛勒姆
乱数假文
多洛
坐着
艾米特
洛勒姆
乱数假文
多洛
坐着
艾米特
洛勒姆
乱数假文
多洛
坐着
艾米特
洛勒姆
乱数假文
多洛
坐着
艾米特
洛勒姆
乱数假文
多洛
坐着
艾米特
洛勒姆
乱数假文
多洛
坐着
艾米特
洛勒姆
乱数假文
多洛
坐着
艾米特
洛勒姆
乱数假文
多洛
坐着
艾米特
洛勒姆
乱数假文
多洛
坐着
艾米特
洛勒姆
乱数假文
多洛
坐着
艾米特

虽然我不明白为什么浮动应该解决这样的问题，但似乎这就解决了问题。谢谢