Html 具有float属性的表拒绝位于div中，即使表标记实际上位于div标记内部

我把两张桌子并排放在一个灰色的隔间里。但是，这些表位于div之外，即使它们实际上位于div标记内。这是因为float属性。没有它，它工作得很好

#表1{
位置：相对位置；
左：100px；
边框：1px纯黑；
浮动：左；
}
#表2{
位置：相对位置；
右：100px；
边框：1px纯黑；
浮动：对；
}

表1
表2

父元素不能扩展为包含浮动元素。因此，您的父div将按正确的方式崩溃

---

要让div执行您想要的操作，请添加

overflow:auto或
溢出：隐藏到它的CSS。
您试图包装浮动元素；这使得这个问题是重复的（虽然公平地说，当你在寻找一个你没有遇到的问题的解决方案时，很难知道问题是什么）。一旦一个元素
float
ed，它的父元素就不再围绕它流动。由于您的
中的所有内容都设置了
浮动，因此没有任何内容可以给它任何高度。谢谢。但如果是这样,；如果是这样的话，你将如何制作两张并排的桌子，每边一张，而不使用浮动？没有任何变化可以阻止你这样做。你的问题是关于包含的div.or（非常简单）。@JohnDoe-Use-CSSFlexbox@AshleyBrown他不需要学习flexbox或grid来完成他想要的东西。