课程
/前端开发
/JavaScript
/弹出层效果
这个遮罩的登陆框定位不能用margin:auto;吗 非要计算?
2015-03-04
源自:弹出层效果 3-2
正在回答
因为login这个容器设定的position是fixed, margin: auto只在未设置float或者position不为absolute不为fixed的条件下才能生效.
可以利用margin居中,而不是像老师那样要计算值减来减去还除以2,本人亲自实现了。登录框的代码#login{position:fixed; width:600px;height:600px; top:50%;left:50%;margin-top:-300px;/*-300px是因为height是600px*/ margin-left:-300px;/*同理,-300px是因为width是600px 也就是说要margin-top :负高度的一半!这样完美居中!!!!不相信可以拿去试一试。*/ }
如果用margin:auto,你还要考虑浏览器兼容性的问题
举报
通过本课程的学习让您能灵活运用知识,制作出超炫的弹出层效果