使用css移动下面的按钮和文本

时间:2016-02-25 09:55:41

标签: html css

请访问link1,此处一切正常。

enter image description here

请访问link2

这里,1)我想在下面移动“添加到购物车”和“立即购买”按钮位。

我也希望在“RS 50”下方显示“销售价格(免费送货)”字样。

我想像link1一样显示link2。

enter image description here

我们使用以下代码:

.product-ship .sell_price {
    color: #848484;
    font-size: 12px;
    position: relative;
    top: -130px;
}

product-view .add-to-cart button.button span {
    float: left;
    font-size: 16px;
    font-weight: normal !important;
    text-align: center;
    text-transform: uppercase;

4 个答案:

答案 0 :(得分:2)

let Source = Excel.CurrentWorkbook(){[Name="Tabelle1"]}[Content], #"Changed Type1" = Table.TransformColumnTypes(Source,{{"Spalte1", type text}}), #"Added Index" = Table.AddIndexColumn(#"Changed Type1", "Index", 1, 1), HeaderSplitPosition = Table.AddColumn(#"Added Index", "SplitHeader", each if Text.Start([Spalte1],1)=":" then List.Last(List.FirstN(Text.PositionOf([Spalte1], ":", Occurrence.All),2)) else ""), SeparateHeader = Table.AddColumn(HeaderSplitPosition, "Header", each try Text.Trim(Text.Range([Spalte1],0,[SplitHeader]), ":") otherwise ""), SeparateBody = Table.AddColumn( SeparateHeader, "Value", each try Text.Range( [Spalte1], [SplitHeader]+1, Text.Length([Spalte1])-[SplitHeader]-1 ) otherwise [Spalte1] // ) in SeparateBody 中的定义height: 75px;,请将其更改为此

.price-box

答案 1 :(得分:1)

将上边距添加到.product-options-bottom

.product-options-bottom {
    padding: 0;
    margin-top: 45px;
}

enter image description here

答案 2 :(得分:1)

显示表和高度自动解决问题

.product-view .product-essential .product-shop .price-box
{
 display:table;
 height:auto;
}

答案 3 :(得分:1)

除非必须使用自动值,否则不要使用自动值,否则将采用与已设置为该特定分区的高度值对应的默认高度。

最好以像素(px)给出高度,因为这是动态值,可以适合任何屏幕尺寸。

为了移动你可以使用
标签2次。

我认为这个问题是由于缺少了标签。只需尝试在这两个按钮后放置标签即可立即购买"立即购买"两个按钮末尾的按钮。 同样适用于您的测试"销售价格。"

如果问题仍然存在,请尝试告诉我。 总体而言,您的代码是正确的。