为了账号安全，请及时绑定邮箱和手机立即绑定

课程

/前端开发

/HTML/CSS

/网页简单布局之结构与表现原则

请问，“微博用户发言信息列表制作”一课中，关于margin-left:-100px的负号如何理解？

.demo03 img{float:left;margin-left: -100px;margin-top:-20px}


qq_宝宝_11

2016-02-02

源自：网页简单布局之结构与表现原则  2-1

关注问题 我要回答
1227
操作
收起

正在回答

1 回答

kikychn 回答被采纳 +3 积分
2016-02-02 
相当于demo03向左移动100px.
margin-left：100px表示块元素的左侧外边距是100px，即与其左侧相邻块元素的间距增加100px,直接表现就是向右移动100px；加负号后表示与其左侧相邻块元素的间距减小100px，直接表现就是向左移动100px.


1 回复 有任何疑惑可以回复我~
收起回答
#1

qq_宝宝_11 提问者

明白了~本人新手~~多谢多谢。。。。
2016-02-02 回复 有任何疑惑可以回复我~
#2

kikychn 回复 qq_宝宝_11 提问者

我也是新手，共勉。
2016-02-02 回复 有任何疑惑可以回复我~
#3

java家洼

你好，打扰您一下：您说：margin-left：100px表示块元素的左侧外边距是100px，但是img不是块状元素，而包围img的div是块状元素，但是实际效果是img向左移动了100px，包围img的div并没有向左移动。你说的好像与实际不相符啊？？
2016-06-17 回复 有任何疑惑可以回复我~
#4

kikychn 回复 java家洼

demo03{margin-left:100px} demo03 img{margin-left:-100px} 上面一行实现整个demo03左侧外边距100px,包括img在内的整个demo03向右移100px。 下面一行实现img向左移100px。 你说的这个情况是由这两行代码实现的，并不是一行代码就实现了又向左又向右的。
2016-06-23 回复 有任何疑惑可以回复我~
查看1条回复

举报

0/150
提交
取消
网页简单布局之结构与表现原则
  • 参与学习       108319    人
  • 解答问题       375    个

入门必杀技之结构与表现相分离，课程会有3个案例，不同角度讲解

进入课程

请问，“微博用户发言信息列表制作”一课中，关于margin-left:-100px的负号如何理解？

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信