.bottom-right { position: fixed; bottom: 0; right: 0; }
上面的代码定义了一个名为 .bottom-right 的 CSS 类。通过 position: fixed; 属性,这个类可以让元素固定在视窗的底部。同时,bottom: 0; 和 right: 0; 属性则确定了元素相对于右下角的位置。
.bottom-right { position: fixed; bottom: 20px; right: 20px; }
如果你想让元素距离视窗的底部和右侧有一些间距,可以将 bottom 和 right 属性设置为一个正值,如上例中的 20px。
.bottom-right { position: absolute; bottom: 0; right: 0; }
除了使用 position: fixed; 之外,你还可以使用 position: absolute; 属性来实现这个效果。不同之处在于,position: absolute; 会将元素相对于它的最近祖先元素的位置来定位。如果你希望元素相对于整个页面定位,可以将它的祖先元素设置为 position: relative;。
你可以根据自己的需求选择以上任何一种方式来实现将元素贴到页面右下角的效果。这种简单而实用的技巧可以让你更好地布局网页,让用户更方便地与你的网站进行交互。