DIV与纯HTML中的TABLE冲突

Question

在下面的代码中，应该低于table的{​​{1}}最终与它发生碰撞并显示在其中间。

欢迎任何帮助。

小提琴here

div

Answer 1

当您不希望元素受其他元素的浮点值影响（或者在这种情况下对齐）时，您只需要“清除：两者”。

以下是正在发生的事情，你的第一张桌子贴在左边，第二张桌子放在右边，第三张桌子试图适合两者之间。

您可以通过style="clear: both"

告诉第三个表找到一个空行开头

工作fiddle here。

注意：

style = "clear: both"

底部的

Answer 2

有几件事：

1. 您使用的是<center>，已弃用，according to W3C：

     

   该元素是在HTML 3.2中引入的 - 块元素。它   自HTML 4 - 15.1.2对齐以来已被弃用。

        

   HTML5将其归类为不符合要求的功能。

2. 在你链接的jsfiddle中，表似乎低于div，所以         我不确定问题是什么。你能说清楚吗？