一个小练习，居中一个浮动元素，宽500，高300.设置层的外边距。底下是答案，我不是很理解，求讲解。

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

Blizzard_lihe

2016-09-03

源自：网页布局基础

关注问题我要回答

444

操作

收起

2 回答

慕粉3759934 回答被采纳 +3 积分
2016-09-06

margin负值是反方向移动.

我把这里的margin拆分了，你看的清除点

margin-top: -150px; 这里的意思是,元素向上移动150px,为什么是150px .因为150px是高度

300px的一半，同样的道理margin-left:-250px 元素向左移动宽度的一半

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

要想让元素居中，就要把元素向左边拉回来一半的宽度，和向上拉一半的高度

0 回复有任何疑惑可以回复我~

收起回答

慕粉3759934

补充一下,这里的margin是复合样式.拆分了就是 margin-top: -150px; margin-right:0; margin-bottom:0; margin-left:-250px;

2016-09-06 回复有任何疑惑可以回复我~

Blizzard_lihe 提问者

非常感谢！

2016-11-09 回复有任何疑惑可以回复我~

慕移动9181930
2022-03-29

Stringhobby=quot;慕课网quot;; 所有符号为英文符号，需要注意输入法的切换

缅甸腾龙娱乐 XS686·CＯM网上百家乐 XS686·CＯM新葡京娱乐 XS686·CＯM真人龙虎斗 XS686·CＯM维加斯娱乐场 XS686·CＯM腾龙国际 XS686·CＯM玉祥娱乐场 XS686·CＯM澳门银河娱乐城 XS686·CＯM缅甸半山国际 XS686·CＯM玉祥娱乐城 XS686·CＯMp a i g l c c h n d w w u n n p c w p w r o a i f q c b p i a h x n r c q h o k b d g d s k c s w b p f s w q j s b n d z o w c o

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

网页布局基础

参与学习 214707 人
解答问题 1756 个

让你精通CSS中三大定位机制，彻底掌握网页布局的相关知识

进入课程

一个小练习，居中一个浮动元素，宽500，高300.设置层的外边距。底下是答案，我不是很理解，求讲解。

我要回答关注问题

热搜

最近搜索清空

一个小练习，居中一个浮动元素，宽500，高300.设置层的外边距。底下是答案，我不是很理解，求讲解。

2 回答

一个小练习，居中一个浮动元素，宽500，高300.设置层的外边距。底下是答案，我不是很理解，求讲解。