html - WordPress のフッターが下部にない

Question

WordPress Web サイトを初めて編集しましたが、メイン コンテンツの div がフッターからはみ出すという問題が発生しました。これに対処する方法がわかりません。ここにウェブサイトがあります：

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

どんな助けでも大歓迎です。

Answer 1

#content 要素と #primary 要素の両方に絶対位置があるため、それらの寸法がページ上の他の要素のレイアウトに影響を与えることはありません。他の要素が成長/収縮しても、他の要素が収まるように成長/収縮しません。これらの両方を position: relative または static に変更することから始めます。これにより、css の記述方法が原因で他の部分が壊れる可能性がありますが、それを修正するための出発点としてそれを使用する必要があります。

Answer 2

ここにはいくつかの問題があります。1 つ目は、フロートやクリアのないブロック内にフロート要素がある場合です。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;
    }