2

在此页面（Roman Umismatics）上，我想将黄色的“ bid”按钮放置在各个框架的右下角。

当前代码

<p><a href="<?= $product->page_url() ?>"><img border="0" alt="Bid" src="/themes/roma/resources/img/bid.png" style="margin:0" /></a></p>

我需要更改哪些代码才能实现此目的？

4

6 回答 6

2

为段落添加类并将该段落浮动到右侧。

那可行。

<p class="alignright">

.alignright { float: right; }
于 2013-09-04T09:53:16.163 回答
2

制作容器元素

.breakl

position: relative;

并制作出价按钮

position: absolute;
right: 0;
bottom: 0;
于 2013-09-04T09:54:33.773 回答
0

your html is:

<p><a href="/auction/lot/0003" class="actionBtn"><img border="0" alt="Bid" src="/themes/roma/resources/img/bid.png" style="margin:0;"></a></p>

CSS:

.actionBtn{float:right;}
于 2013-09-04T10:10:13.267 回答
0 
p{
   float:right:
   margin-top:10px;
 }
于 2013-09-04T09:59:27.787 回答
0

本教程将帮助：

http://css-tricks.com/absolute-positioning-inside-relative-positioning/

当您将父级设置为 position: relative 时，您可以在子级上使用相对于该容器的绝对定位。

<div class="parent">
 <a class ="child" href="<?= $product->page_url() ?>"><img border="0" alt="Bid" src="/themes/roma/resources/img/bid.png" style="margin:0" /></a>
</div>

在您的 CSS 中：

.parent { position:relative; }
.child { display:inline-block; position:absolute; bottom:0; right:0; }
于 2013-09-04T10:31:54.607 回答
0

只需添加 'float:right;' 到图像。

于 2013-09-04T09:54:23.357 回答