如何阻止div和table元素重叠页眉/页脚？

Question

我有一个问题我没有在类似的问题中找到答案：

我有一个网站可以在调整浏览器大小时动态调整水平滚动图库和一些文本的大小。那部分我工作正常，我似乎无法正确控制每个元素。

看看：http://john-godwin.co.uk/testsite

如果您调整浏览器大小，则在图库开始缩小之前，大文本会与图库重叠，如果您将浏览器调整得足够小，则图库最终也会重叠页脚。

有谁知道我需要对代码做出哪些更改，以使所有内容都保持在边界内并调整其他元素的大小而不会侵入每个元素空间？

提前致谢。

CSS可以在http://john-godwin.co.uk/testsite/css/style.css

中找到

Answer 1

删除.content类中的z-index:500;