对齐2个按钮。 1左和右1

时间:2016-06-20 13:24:54

标签: css3

我目前在此布局右侧有一个VIEW按钮,但想要在右侧添加另一个ADD按钮。

您可以在https://www.fireworkscrazy.co.uk/store_v8/shopdisplayproducts.asp?id=5&cat=Barrages+%2F+Cakes+-+Single上看到此示例,然后选择GRID VIEW图标

<div class="desktop_view product-view grid-list-row-view hide" style="">

  <div class="col-lg-3 col-md-4 col-sm-4 col-xs-6">

    <div class="featured-prod-widget">

      <div class="nailthumb">

        [formatimage sub]
            [CC_ADD_NEW_FLAG]

      </div>

      <div class="row product-details">

        <div class="col-sm-12">

          <h6 class="widget-product-title">[translate cname]</h6>

        </div>

        <div class="row"></div>

        <div class="col-sm-12">

$         <span class="widget-prod-price">[FORMATCUSTOMERPRICE cprice]</span>

        </div>

        <div class="col-sm-12">



        </div>

      </div>




      **<a href="[formatshopexdlink][add_websesslink]" class="submitbtn pull-left">

        &nbsp;VIEW&nbsp;

      </a>**

    </div>

  </div>

</div>

1 个答案:

答案 0 :(得分:0)

影响按钮的样式.grid-list-row-view .featured-prod-widget .submitbtn。它有绝对的地位。因此,如果使用pull-leftpull-right创建按钮,则使用相同的样式,它将显示在相同位置而不是左侧或右侧。
您需要实施一些解决方法来克服或删除absolute样式。