-1

製品ページのドロップダウン DIV の幅を 436 ピクセルに指定する CSS コード (または巧妙なハック) が必要です。

http://warehouse.haddrellspoint.com/product/calcutta-can-bottle-coolers-149252-1.htm

(製品価格の下にある [オプションの選択] をクリックして、問題のある DIV を表示します)

トラブルメーカー DIV のクラス名は「ddChild」です。ただし、幅を変更するために思いついた CSS 宣言はすべて無視されています。

ご協力ありがとうございました！

4

2 に答える 2

3

これを試して：

#sevarationlist_msdd .ddChild {
    width:436px !important;
}

親の id セレクターがより具体的であるため、既存の!important幅の設定をオーバーライドする必要があります336px(下の図を参照)。地獄、代わりに逃げることさえできるかもしれませんwidth:auto !important;。これにより、将来何らかの理由で幅が異なる場合に頭痛が解消されます。

ここに画像の説明を入力

于 2013-04-23T17:49:41.970 に答える
0

私はあなたのページで遊んでいました。ここで幅要素を削除します。

<div id="sevariationlist_child" class="ddChild" style="height: 157px; z-index: 4999; display: block; width: 470px;"> <!--REMOVE WIDTH -->

そしてここ：

.dd .ddChild {
    background-color: #FFFFFF;
    border: 1px solid #999999;
    display: none;
    margin: 0;
    overflow-x: hidden !important;
    overflow-y: auto;
    position: absolute;
    width: 336px !important;/*REMOVE THIS*/
}

次に、ここに幅を適用します。

.dd .ddChild a.selected {
    background-color: #999999;
    color: #FFFFFF;
    width: 500px; /*Visible width*/
}

FireBug を使用して、そこにある CSS を変更してこれを発見しました。これをまだ使用していない場合は、強くお勧めします。

于 2013-04-23T17:54:47.917 に答える