Html CSS显示div在下表中

我在一个div容器中有并排的表，然后还有另一个div元素，我想显示在表下面。在任何时候，表中的行数都可能比其他表中的行数多。如何使Logs div始终显示在行数最多的表下方

---

您只需为maintitle类添加一些css即可：

.maintitle{
    clear:both;
}

这将确保日志始终显示在表格下方

---

这是您更新的小提琴：

您必须清除浮动元素

见工作样本：

我添加了clearfix类，该类可以清除浮动元素，并且在任何浏览器中都不会出现问题：

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }
.clearfix:after {
  clear: both; }
.clearfix {
  zoom: 1; }

然后将该类赋予table_容器元素：

---

似乎OP希望div显示在具有更多行的特定表下，而不仅仅是两个表下。非常感谢。我怎样才能添加一个分隔符或填充符，使主标题不与表格底部接触？@j08691否定，我希望它显示在这两个标题下，就像它是网站新部分的新标题一样。这不是你提出问题的方式。“我现在正在为你写一点jQuery，但那没有用。”JonErickson看到了我的答案。使用clearfix类时，请小心使用clear:两者。在不同的浏览器中清除浮动元素可能会有问题。谢谢，这就是我要找的。@JonErickson我很担心你能正确清除浮动元素哈哈。在这里，标记不会被忽略，因为浮动元素已被正确清除。若这是你们的答案，请用绿色支票将其标记为解决方案。卡洛斯，让我给你们1000个代表。这是一个很好的答案。

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }
.clearfix:after {
  clear: both; }
.clearfix {
  zoom: 1; }

<div id="table_container" class="clearfix">