css

Question

您可以单击“显示结果”按钮查看包含测试结果的表格。但是您会注意到，它会渗入页脚而不是网页，从而为表格腾出空间。

我的样式表在这里： http ://sooniwill.be/personality/main.css （见结果方面）

我知道的 CSS 足以让自己陷入困境。我已经针对类似问题进行了多次网络搜索，并尝试实施一些 CSS 来修复它。每隔一段时间，我会进行一次编辑以正确显示它，但随后我重新加载页面，它再次重叠到页脚中。有什么建议么？

score 1 · Accepted Answer

有一些适用height: 1723px于#maindiv 的 javascript。如果您禁用它，它将解决您的问题，并且#maindiv 将扩展以包含整个表格。

编辑： 或者，您可以向 CSS 添加规则以覆盖高度。

#main {
    height: auto !important;
}

score 0 · Accepted Answer

试试这个：

/* 清除浮动 */ .col-full:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

删除此行的高度，因为您要将此类添加到您的<div id="content">

<div id="content" class="page col-full">在255主文档的行

或尝试添加静态高度

如果这不起作用添加css overflow: scroll和静态高度

css - CSS 表格未正确展开 - 与其他内容重叠