CSS可以通过浮动(float)、定位(position)、弹性布局(flexbox)等方法将方框移到右边。下面我们一一介绍。
/* 通过浮动将方框移到右边 */ .box { float: right; } /* 通过定位将方框移到右边 */ .box { position: absolute; right: 0; } /* 通过弹性布局将方框移到右边 */ .container { display: flex; } .box { margin-left: auto; }
以上代码中,浮动可以让元素向左或向右浮动到其父元素的左侧或右侧。定位可以将元素固定在页面的某个位置,右侧设为0即可固定在父元素的右侧。而弹性布局可以让元素自动调整位置和尺寸,使用margin-left: auto可以让元素靠右对齐。