Question

为什么桌子7没有漂浮在左边？如果我在表6中添加一行，它会浮动在左边。总是应该有两个表。

（要查看表格，请选择学校：duglus;教师：工程;部门：电子

此外，如果有人想评论GPA Box。它在IE8中不起作用（可能是固定属性在IE8中不起作用）

Answer 1

表5左侧浮动，表6比表5短。因此，这为表7留下了一点空间，以便在表6下方进行挤压。为了解决这个问题，请确保清除漂浮物上的浮子。编号表......

#table1, #table3, #table5, #table7 {
  clear: left;
}

更干净，更动态的选择器会将nth-child伪选择器与odd结合使用，但要注意这是CSS3的一部分，因此旧浏览器不会完全支持...

#tables table:nth-child(odd) {
  clear: left;
}

Answer 2

我无法看到代码 - 在查看源代码中，它会在选择任何选项之前显示原始页面的代码。但是我怀疑在每个“行”表之后你没有div clear: both。即对于每一层表，您需要具有前面提到的div。

我还建议，为了使阅读更简单，您将一个类应用于每个表而不是指定#table th, #table2 th等，然后指定以下内容：

.className th|tr|td etc {
    properties;
}

如果你不理解我的意思，请说出来，我会再扩展一下。