.right-align { float: right; } /* 或者 */ .right-align { position: absolute; right: 0; }
第一种方式使用了float
属性,可以让元素向右浮动。需要注意的是,为了避免与其它元素产生影响,通常需要加上清除浮动的 CSS 样式。
.clearfix::after { content: ""; display: block; clear: both; }
第二种方式使用了position: absolute
属性,相对于其定位父元素的右侧进行定位。需要注意的是,该方法需要在元素的父元素中添加一个较为特殊的样式position: relative
,以便让子元素进行定位。
无论采用哪种方式,大家都可以很灵活地对元素进行调整和布局,从而获得大家所需要的效果。