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

课程

/前端开发

/HTML/CSS

/如何用CSS进行网页布局

三列布局如何设置与左右之间的距离

.left{ width:200px; height:600px; background:#ccc; position:absolte; left:0; top:0}

.main{ height:600px; margin:0px 310px 0px 210px; background:#9CF}

.right{ height:600px; width:300px; position:absolute; top:0; right:0; background:#FCC;}

如何从这里看出是与左右有10px的距离的？？

呢绒

2016-05-12

源自：如何用CSS进行网页布局  4-3

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

正在回答

3 回答

Happy_learning 回答被采纳 +3 积分
2016-05-22

margin:上 右  下  左；
left它的宽是200,right它的宽是300
 那中间的 margin:0 300px  0  200px；  这样就跟左右两边合并一样
中间的，比如左边要多10个距离 那就210 那左边就多了10个距离    
   ps：我理解能力也很差，具体意思知道就行了 。。。

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

呢绒 提问者

非常感谢！
2016-05-25 回复 有任何疑惑可以回复我~
qq_莳萝泡菜_03359237
2016-05-26

margin的意思：外边距。

左边div块元素宽度为200，右边div块元素宽度为300。中间的div块设置margin，也就是外边距，就只要比左边div块元素长就会有空隙？（margin四个数值分别是上右下左，按照顺时针的顺序。）

不懂再看一下html和css 11章宽度和高度

0 回复 有任何疑惑可以回复我~
收起回答
gdhyms
2016-05-12

margin:0px 310px 0px 210px; 

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

呢绒 提问者

怎么知道是设置这四个数的，就是说怎么知道是设置310和210的？
2016-05-12 回复 有任何疑惑可以回复我~
#2

qq_阳光下的海风_0 回复 呢绒 提问者

在跟着敲代码时，我也很疑惑，说好的（margin:0px 300px 0px 200px; ）左右边距为200和300的，怎么没有呀？后来，在做这道题时，我发现一旦我设定了left绝对定位，main的内容就被 覆盖了，应该是200px吧、、、 综上所述：left和right本身各占300、200，要求是左右边距为10px，那就再加上10px咯，就是310和210。
2016-06-04 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
如何用CSS进行网页布局
  • 参与学习       209624    人
  • 解答问题       1153    个

用最简洁的案例教你布局的那些知识，这是前端工程师基本技能

进入课程

三列布局如何设置与左右之间的距离

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