html - WordPress页脚不在底部

Question

我第一次编辑 WordPress 网站，现在我遇到了主要内容 div 溢出页脚的问题，我不知道如何处理这个问题。这是网站：

www.twazzle.co.uk/twazzle/wordpress/

任何帮助，将不胜感激。

Answer 1

您的 #content 和 #primary 元素都具有绝对位置，因此它们的尺寸不会影响页面上其他任何内容的布局，当它们增长/收缩时，其他元素不会增长/收缩以适应。首先将它们都更改为位置：相对或静态，这会由于 css 的编写方式而导致其他一些事情中断，但是您必须以此为起点来修复它。

Answer 2

你这里有几个问题。一，您在没有浮动或清除的块内浮动元素。两个（这是你的主要问题）你的#contentdiv 是position:absolute但没有别的。使用绝对定位，您的 div 将忽略其他导致重叠和其他混乱。要修复，在制作元素之前使其position:absolute包含块元素position:relative。您还需要解决浮动问题。

#main { 
    overflow: hidden; //this tells it to contain floated elements inside it
    }
#primary {
    float: left;
    margin: 10px;
    position: relative; //this will contain nested absolutely positioned elements
    width: 999px;
    }