按钮向右浮动

目标

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

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同学  阅读(1033)  评论(0)  编辑  收藏  举报