页脚与移动内容重叠

Question

我正在尝试为一位朋友解决此问题。该网站在台式机上看起来很正常，但是如果缩小到移动尺寸，则页脚会与内容重叠，页脚不会停留在页面的底部。

我尝试在检查器和CSS设置中进行测试，但似乎没有任何效果。不知道发生了什么事。

网站：http://www.ijc.com.au/

任何输入将不胜感激！

Answer 1

您的内容在表格布局中，请尝试删除表格的高度。请找到所附的图片

Answer 2

检查http://www.ijc.com.au/css/media-queries.css上的行号652 自动添加高度，您无需为移动设备更新桌子上的高度。

table, thead, tbody, th, td, tr {
    display: block;
    width: 100%;
    height: auto;
}

Answer 3

table {
    height: auto;
}

上述CSS将解决网站上的页脚问题。