.box {border: 1px solid #00ee00;height: 300px;position:relative;
}
.box1 {width: 200px;height: 200px;border: 1px solid red;position:absolute;top:50%;left:50%;//margin給上和左都給負的自身寬高的一半,就能達到垂直水平居中的效果。margin:-100px 0 0 -100px;
}
.box {border: 1px solid #00ee00;height: 300px;position:relative;
}
.box1 {width: 200px;height: 200px;border: 1px solid red;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);
}
版权声明:本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。
工作时间:8:00-18:00
客服电话
电子邮件
admin@qq.com
扫码二维码
获取最新动态