Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何将图像定位在帧的右下角?_Html_Css - Fatal编程技术网

Html 如何将图像定位在帧的右下角?

Html 如何将图像定位在帧的右下角?,html,css,Html,Css,在上,我想将黄色的“bid”按钮放置在各个帧的右下角 现行代码 要实现这一点,我需要更改哪些代码?为段落添加类并将该段落向右浮动 那就行了 <p class="alignright"> .alignright { float: right; } .alignright{float:right;} 为段落添加类并将段落向右浮动 那就行了 <p class="alignright"> .alignright { float: right; } .alignrig

在上,我想将黄色的“
bid
”按钮放置在各个帧的右下角

现行代码


要实现这一点,我需要更改哪些代码?

为段落添加类并将该段落向右浮动

那就行了

<p class="alignright">

.alignright { float: right; }

.alignright{float:right;}


为段落添加类并将段落向右浮动

那就行了

<p class="alignright">

.alignright { float: right; }

.alignright{float:right;}


只需添加“float:right;”添加到图像中。

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

创建容器元素

.breakl

position: relative;
然后点击“出价”按钮

position: absolute;
right: 0;
bottom: 0;

创建容器元素

.breakl

position: relative;
然后点击“出价”按钮

position: absolute;
right: 0;
bottom: 0;
您的html是:

<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>
您的html是:

<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>

本教程将有助于:

当您将父对象设置为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>

本教程将有助于:

当您将父对象设置为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>