按钮向右浮动

目标

将按钮浮动到右边,实战网址

image-20200828220226887

实现

浮动

image-20200828220744412

按钮向右浮动之后,再设置父级高度,再设置字体居中

定位

image-20200828221519608

父元素设置成相对定位,子元素绝对定位,top:50%,元素在中间位置,因为按钮的高度是 38px,将38/2=19px,元素上移动19px,得到按钮居中

image-20200828221724661

image-20200828221755949

效果

image-20200828221912960

posted @ 2020-08-28 22:21  DJ同学  阅读(1039)  评论(0编辑  收藏  举报