課程
/前端開發
/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,你還要考慮瀏覽器兼容性的問題
舉報
通過本課程的學習讓您能靈活運用知識,制作出超炫的彈出層效果
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-03-31
因為login這個容器設定的position是fixed, margin: auto只在未設置float或者position不為absolute不為fixed的條件下才能生效.
2016-07-14
可以利用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 :負高度的一半!這樣完美居中?。。?!不相信可以拿去試一試。*/ }
2015-10-11
如果用margin:auto,你還要考慮瀏覽器兼容性的問題