HTML5中有許多定位方法,比較常見的是設置左上、居中等,但是在特定場合下有時候需要將元素定位到右下角,這時候我們可以使用以下方法:
<style> .container { position: relative; } .box { position: absolute; bottom: 0; right: 0; } </style> <div class="container"> <div class="box"> <p>這是要定位到右下角的元素</p> </div> </div>
首先,我們將容器div的定位屬性設置為相對定位,這是為了讓子元素的絕對定位相對于容器的位置。
然后,我們設置要定位的元素的定位屬性為絕對定位,將bottom(底部)和right(右邊)屬性值都設置為0,這樣就能夠把元素定位到右下角了。
上述代碼可以根據實際情況進行調整,并且可以在類似于懸浮框等實現上也有良好的效果。
上一篇css變鼠標箭頭