0

私のワードプレスのフッターは、ChromeとFirefoxで動作が異なります。クロームでは、フッターの右側の部分は、左側の部分と位置合わせする必要がありますが、移動します。Firefoxでは正常に動作します。

ページのスケルトンはここにあります： http ：//sometestdomain.comeze.com/3-2/ この問題を解決する方法について何かアイデアはありますか？

これが私のCSSの関連部分です

div.front-widgets * h3 {
    color: #ffffff;
}

.template-front-page.two-sidebars .widget-area .front-widgets {
    background: #2c2c2c;
    float: left;
    width: 60.9375%;
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
    height: 17.857142rem;
    color: #ffffff !important;
}
.template-front-page .widget-area .widget {
    padding: 20px 20px 0 20px;
}
.template-front-page .widget-area .widget:nth-child(odd) {
    clear: right;
}
.template-front-page .widget-area .widget:nth-child(even),
.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
    float: right;
    width: 39.0625%;
}
4

1 に答える 1

3

Chromeでは、.front-widgetsの親divが、2番目の.front-widgets要素の適切なレンダリングを混乱させます。#secondaryオブジェクトに高さを割り当てるだけで、問題が解決します。

何かのようなもの：

#secondary {
    min-height: 200px;
}

クロムのトリックを行う必要があります=）

于 2013-02-27T02:01:48.930 に答える