Question

访问link1，很好。但访问link2有些问题

1）在第二个环节，有巨大差距 b / w Rs 25＆amp; “销售价格+ Rs 10交付”，添加到购物车＆amp;立即购买按钮。

2）此外，只有文字“关闭”可见，“检查交付可用性”框内有“50”。 50＆amp;关闭应该可见

我们正在使用此代码：

.wk_mp_design .sell_price {  display: none;}
.wk_mp_design .label.yousave_label {display: none;}
.wk_mp_design .old-price .price {color: #a0a0a0;font-size: 12px;font-weight: bold;}
.wk_mp_design .you_save_price {color: green;font-size: 11px;font-weight: bold;}
.wk_mp_design .you_save_price::after {content: "OFF";}
.wk_mp_design .special-price .price {color: #000;font-size: 13px;font-weight: bold;}
.wk_mp_design .regular-price .price {color: #000;font-size: 13px;font-weight: bold;}
.wk_mp_design .special-price {border-top: 1px dotted #ccc;clear: both;}
.wk_mp_design .You_savee {float: right;position: relative;top: -49px;}
.wk_mp_design .You_savee .special-price.yousave {border: medium none;}
.wk_mp_design .desc.std {border-top: 1px dotted #ccc;}
.wk_mp_design .mrp {display: none;}

Answer 1

1）由于

引起的

<p class="special-price">

p元素的margin-top

.Quick .special-price {
    margin-bottom: 0px !important;
    margin-top: 20px !important;
}

也注意到

中的高度

.product-shop .price-box {
    padding-bottom: 0px !important;
    height: 100px;
}

以及。

2）我真的不明白你的意思。

Answer 2

这是第一个网站的相关标记：

<div class="Quick_1">
    <div class="product-data">
        <div class="widget widget-static-block"></div>
        <div class="price-box">
            <p class="old-price">…</p>
            <p class="special-price">…</p>
            <p class="sell_price">…</p>
            <p></p>
            <div class="You_savee">…</div>
        </div>
        <div class="widget widget-static-block"></div>
    </div>
    <div class="add-to-box">…</div>
</div>

这是第二个网站上的相同部分：

<div class="Quick_1">
    <div class="product-data">
        <div class="widget widget-static-block"></div>
        <div class="price-box">
            <p class="old-price">…</p>
            <p class="special-price">…</p>
            <div class="You_savee">…</div>
        </div>
        <div class="widget widget-static-block"></div>
    </div>
    <p class="sell_price">…</p>
    <div class="add-to-box">…</div>
</div>

如果仔细观察，sell_price元素在第二个链接中的product-data元素之外会导致此问题。如果您将其移至You_savee内的price-box上方，则会根据需要进行渲染。

Answer 3

1＆GT;高度是问题;使用这个

.product-view .product-essential .product-shop .price-box {
    padding-bottom: 0 !important;
    height: 75px;
}

2 - ;最重要的是问题;使用这个

.Quick .You_savee {
    border: 1px solid #ccc;
    border-radius: 37px;
    color: green;
    left: 151px;
    padding: 0;
    position: relative !important;
    top: -70px !important;
    width: 49px;
}

如果在多个地方使用上述类，则只需覆盖这些类

使用css在适当的位置显示文本和按钮

3 个答案: