您的位置:首页 > 其它

固定定位position:fixed实现高度自适应

2018-03-16 10:21 399 查看
position:fixed实现高度自适应

直接上样式

.mask {
/*需要宽度*/
width: 70%;
background-color: white;
position: fixed;
left: 50%;
top: 50%;
/* 支持现代浏览器 */
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}


当使用:top: 50%;left: 50%;, 是以左上角为原点,故不处于中心位置 translate(-50%,-50%) 作用是,往上(x轴),左(y轴)移动自身长宽的 50%,以使其居于中心位置。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: