CSS中的right屬性控制元素相對(duì)于其容器右側(cè)的位置。例如,使用以下代碼,元素將位于其容器右側(cè)50像素的位置:
.box { position: absolute; right: 50px; }
注意,right屬性只對(duì)position屬性設(shè)置為absolute、fixed或relative的元素起作用。
如果同時(shí)設(shè)置了left和right屬性,元素將沿容器的水平中心線居中:
.box { position: absolute; left: 50%; right: 50%; }
同時(shí),right屬性還可接受負(fù)值,表示元素相對(duì)于容器右側(cè)偏移。例如,以下代碼將元素向右側(cè)移動(dòng)20像素:
.box { position: absolute; right: -20px; }
總體來(lái)說(shuō),right屬性是控制元素在頁(yè)面布局中右邊位置的常用屬性之一。在實(shí)際應(yīng)用中,根據(jù)具體需求合理設(shè)置right屬性可幫助網(wǎng)頁(yè)實(shí)現(xiàn)更加美觀與優(yōu)秀的視覺(jué)效果。