1

コンテンツ領域とサイドバーがあります。私のコンテンツエリアは問題ありません。WordPress からブログ投稿を追加すると、コンテンツ領域が拡大し、フッターを越えません。サイドバーは問題ありませんが、コンテンツ領域がサイドバーよりも長い場合のみです。コンテンツ領域が短い場合、サイドバーがフッターの上に表示されます。

サイドバーがコンテンツのようにフッターを押し下げないのはなぜだろうと思っています。php get_sidebar(); を呼び出しました。content div 内にあるため、何が問題なのかわかりません。私はそれが絶対位置と関係があると推測しています。代わりにサイドバーを相対的に配置しようとしましたが、コンテンツ領域が押し下げられ、大きな余白があるため、めちゃくちゃになります。

このセクションの要素の CSS は次のとおりです。

html, body {
height: 100%;
}

#wrapper {
min-height: 100%;
position: relative;
}

#container{
width: 960px;
position: relative;
left: 50%;
margin-left: -480px;
}

#content{
width: 960px;
position: relative;
}

.entry-content{
width: 600px;
}

#sidebar{
width: 200px;
top: 0px;
right: 0px;
margin-right: 0px;
position: absolute;
text-align: right;
}

#footer{
width: 100%;
height: 300px;
bottom: 0px;
}

誰かがこれを機能させる方法を教えてくれたら、とても感謝しています。私はそれに少しイライラしています。前もって感謝します！

4

1 に答える 1

3

サイドposition: absolute;バーにあると、絶対配置された要素がドキュメントの通常のフローから除外されます (つまり、他の要素は、絶対配置された要素が存在しないかのように動作します)。そのため、フッターをプッシュしていません。

代わりにフローティングを検討することをお勧めします。float: left;コンテンツ領域またはfloat: right;サイドバーのいずれか、HTML の最初にある方で使用します。overflow: hiddenそして、その親を追加します。

于 2012-09-16T22:28:24.227 に答える