Wordpress、Twenty Eleven 子テーマを使用しています。
ページのサイズを変更すると、すべての div が移動するという問題がありました。辛抱した後、body html マークアップの周りにラッパーを追加することで、なんとか解決しました。これにより、ページのサイズが変更されたときにすべての div が移動しなくなりました。
#site-wrapper{margin: auto; margin: auto; width: 1000px;}
ただし、フッターにまたがる 5 つのウィジェット領域を追加しました
1 つ | 2 | 3 | 4 | 五
ただし、ページのサイズが変更されると、ウィジェット領域が互いに重なり合います
1
二
三
四
五
それ以外はすべて正しくレンダリングされます。{ margin: auto; でフッターの周りにラッパーを追加しようとしました。マージン: 自動; 幅: 1000px; }、これは機能しませんでしたウィジェットはまだスタックしますウィジェットアイテム自体に対して相対的/絶対的な配置を試みましたが、ラッパーは成功しませんでした。何か関係あると思う
float: left;
ウィジェット項目についてですが、これを回避する方法がわかりませんか? 誰かが私を正しい方向に導いてくれることを願っています!
事前に感謝します。ウィジェット項目の以下の CSS は以下のとおりです。
/* Footer Widget Areas */
#supplementary {
border-top: none;
width: 80%;
padding: 1.625em 7.6%;
overflow: hidden;
}
/* Three Footer Widget Areas */
#supplementary.two .widget-area {
float: left;
margin-right: 2.7%;
width: 17.78%;
}
#supplementary.two .widget-area + .widget-area {
margin-right: 0;
}
/* Three Footer Widget Areas */
#supplementary.three .widget-area {
float: left;
margin-right: 2.7%;
width: 22.18%;
}
#supplementary.three .widget-area + .widget-area + .widget-area {
margin-right: 0;
}
#supplementary.four .widget-area{
float: left;
margin-right: 3.7%;
width: 22.18%;
}
#supplementary.four .widget-area + .widget-area + .widget-area {
margin-right: 0;
}
#supplementary.five .widget-area{
float: left;
margin-right: 2.9%;
width: 16.7%;
}
#supplementary.five .widget-area + .widget-area + .widget-area + .widget-area + .widget-area+ .widget-area{
margin-right: 0;
}