CSS中,我們可以使用相對定位(relative positioning)或者***定位(absolute positioning)將按鈕放置在頁面的右下角。
相對定位是相對于其正常位置進(jìn)行定位,而***定位則是相對于瀏覽器窗口進(jìn)行定位。
下面是一個(gè)使用相對定位將按鈕放置在右下角的例子:
<div style="position:relative; width:200px; height:200px; border:1px solid #000;"> <button style="position:absolute; right:0; bottom:0;">按鈕</button> </div>
在這個(gè)例子中,按鈕被放置在div的右下角。right:0
和bottom:0
使得按鈕的右邊緣和底部與div的右邊緣和底部對齊。
如果你想要將按鈕放置在瀏覽器窗口的右下角,你可以使用***定位:
<button style="position:absolute; right:0; bottom:0;">按鈕</button>
在這個(gè)例子中,按鈕被放置在瀏覽器窗口的右下角。right:0
和bottom:0
使得按鈕的右邊緣和底部與瀏覽器窗口的右邊緣和底部對齊。
使用***定位時(shí),按鈕的位置是相對于瀏覽器窗口的,而不是相對于其他元素,即使你移動(dòng)了頁面上的其他元素,按鈕的位置也會(huì)保持不變。