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

时间:2013-04-27 00:56:21

标签: css wordpress

在页面上: http://sooniwill.be/personality-test/

您可以单击“显示结果”按钮查看包含测试结果的表格。但正如你会注意到的那样,它会渗透到页脚而不是为网页创建空间的网页。

我的样式表在这里: http://sooniwill.be/personality/main.css(参见结果 - 方面)

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

2 个答案:

答案 0 :(得分:1)

有一些javascript将height: 1723px应用于#main div。如果您禁用它将解决您的问题,#main div将展开以包含整个表格。

修改 或者,您可以向CSS添加规则以覆盖高度。

CSS

#main {
    height: auto !important;
}

答案 1 :(得分:0)

试试这个:

this css document

/ * Clear Floats * / .COL全:后{含量:;显示 “”:块;高度:0;明确:两者;能见度:隐藏;}

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

<div id="content" class="page col-full">位于主要文档的255

或尝试添加静态高度

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