2つのボタンを含む送信フォームの画像とdivがあります。
画像の右下隅に2つのボタンを配置したい。ただし、画像は水平方向と垂直方向の場合があるため、常に右下隅に配置する必要があります。
いくつか検索してテストしようとしましたが、うまくいかないようです。とにかくこれを達成するには?
私の画像には特定のIDがあります。フォームをDIVにしました。
リンクの一つ
<img src='' id:'photo_img'/>
<div id='buttons'>
</div>
2つのボタンを含む送信フォームの画像とdivがあります。
画像の右下隅に2つのボタンを配置したい。ただし、画像は水平方向と垂直方向の場合があるため、常に右下隅に配置する必要があります。
いくつか検索してテストしようとしましたが、うまくいかないようです。とにかくこれを達成するには?
私の画像には特定のIDがあります。フォームをDIVにしました。
リンクの一つ
<img src='' id:'photo_img'/>
<div id='buttons'>
</div>
これはあなたが探しているものですか?
CSS
#directions{
height: 50px;
width: 50px;
position: relative;
}
#directions a{
position: absolute;
bottom: 0px;
right: 0px;
}
HTML
<div id="directions">
<a href="#">Maps</a>
</div>
コンテナの右下に移動するには、a
内側をラップしdiv
(すでにこのケースがあります)、ラップに背景と幅と高さを加える必要があると思います。div
それが役に立てば幸い
編集