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

课程

/前端开发

/HTML/CSS

/网页布局基础

间距问题!!!

使content和sidebar的间距为20px,为什么要设置content的margin-left：200px?

(content的width=180px)

默默竹

2016-08-17

源自：网页布局基础  4-6

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

正在回答

2 回答

慕粉1461951943 回答被采纳 +3 积分
2016-08-17

content是以mainbody进行绝对定位的，content位置改变后被siderbar的内容遮挡住了，所，在设置margin-left时，可以直接设置为200px，也就是200px=20px（margin-left）+180px(siderbar的宽度)。

其实也可以这样设置在content的样式中这样写：.content{position:absolute; top:0;left:200px;}

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

默默竹 提问者

导致content的margin-left变成了相对于mainbody，是因为content 用了绝对定位，还是因为mainbody用了相对定位
2016-08-18 回复 有任何疑惑可以回复我~
#2

慕粉1461951943 回复 默默竹 提问者

right是无法让content跑到siderbar的右边的，所以要content进行绝对定位。要content进行偏移就要设置一个偏移的参照祖先元素，即mainbody要设置成position:relative。你可以一条代码一条代码的输入看看content的位置变化就知道了！或者多看两次视频。
2016-08-18 回复 有任何疑惑可以回复我~
#3

默默竹 提问者

非常感谢你的耐心解答O(∩_∩)O~
2016-08-18 回复 有任何疑惑可以回复我~
慕粉1461951943
2016-08-17

margin是表示两个盒子块的外间距。给content设margin-left:20px;就是为了单独给content左边加了20px的外间距

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

默默竹 提问者

问题少了个200px，我觉得margin-left应该是20px，可是视频中设置的是200px，这是我的疑惑。
2016-08-17 回复 有任何疑惑可以回复我~
#2

默默竹 提问者

刚才我试了下，我对sidebar使用margin-left有变化，而使用margin-right时没有变化，我又郁闷了
2016-08-18 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
网页布局基础
  • 参与学习       214707    人
  • 解答问题       1756    个

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

进入课程

间距问题!!!

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