亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定

一個小練習，居中一個浮動元素，寬500，高300.設置層的外邊距。底下是答案，我不是很理解，求講解。

http://img1.sycdn.imooc.com//57ca77460001cccd06020395.jpg

求大神告知，尤其是margin和left,top那

正在回答

2 回答

margin負值是反方向移動.

我把這里的margin拆分了，你看的清除點

margin-top: -150px; ? 這里的意思是,元素向上移動150px,為什么是150px .因為150px是高度

300px的一半，同樣的道理margin-left:-250px? ? 元素向左移動寬度的一半

left:50%和top:50%只是把元素的左上角原點居中了，并不是整個元素居中，

要想讓元素居中，就要把元素向左邊拉回來一半的寬度，和向上拉一半的高度

0 回復 有任何疑惑可以回復我~
#1

慕粉3759934

補充一下,這里的margin是復合樣式.拆分了就是 margin-top: -150px; margin-right:0; margin-bottom:0; margin-left:-250px;
2016-09-06 回復 有任何疑惑可以回復我~
#2

Blizzard_lihe 提問者

非常感謝！
2016-11-09 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
網頁布局基礎
  • 參與學習       214678    人
  • 解答問題       1833    個

讓你精通CSS中三大定位機制，徹底掌握網頁布局的相關知識

進入課程

一個小練習，居中一個浮動元素，寬500，高300.設置層的外邊距。底下是答案，我不是很理解，求講解。

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號