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

Question

我在一个灰色的div中并排放置了两张桌子。但是，这些表即使位于div标记内，也位于div之外。这是因为有float属性。没有它，它会很好

for (int i = 0; i < b.length; i++) {
    for(int j =0; j <b[i].length; j++) {// iterate over the number of elements of the current array
        if (b[i][j] != a[i][j]) {
            boo = false;
        }
    }
}

#table1 {
  position: relative;
  left: 100px;
  border: 1px solid black;
  float: left;
}

#table2 {
  position: relative;
  right: 100px;
  border: 1px solid black;
  float: right;
}

进行测试，表拒绝进入div。

Answer 1

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

要让div做您想要的事情，请将overflow:auto;或overflow:hidden;添加到其CSS中。