WordPress页脚不在底部

Question

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

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

任何帮助都将不胜感激。

Answer 1

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

Answer 2

你在这里遇到了一些问题。一，你已经在块内浮动元素，没有浮动或清除。两个（这是你的主要问题）你的#content div是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;
    }