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

课程

/前端开发

/HTML/CSS

/如何用CSS进行网页布局

为什么.right用float：right时右边方块跟文本宽度一样了啊。明明设了margin-left：10px啊

奔溃，难道只能用绝对定位吗？

慕粉0002062090

2016-09-25

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

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

正在回答

3 回答

慕斯4529030
2016-10-11

我也有同样的疑问

0 回复 有任何疑惑可以回复我~
收起回答
qq_谜离_03319966
2016-09-27

margin-left:应该是210px   .left已经浮动了所以你的margin-left应该把.left的宽度算进去

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

慕粉0002062090 提问者

我试了下，发现当right元素设置了float后margin属性就失去作用了，其width由内容宽度决定，无论怎么设置都没有效果。
2016-09-27 回复 有任何疑惑可以回复我~
#2

qq_谜离_03319966 回复 慕粉0002062090 提问者

right 不要设置float right的margin-left设置210px就可以了 设置210是因为 left的宽度是200px
2016-10-08 回复 有任何疑惑可以回复我~
#3

慕粉0002062090 提问者 回复 qq_谜离_03319966

right不设置float那不就独占一行了么。。。像你说的这样的话left就只能用绝对定位了
2016-10-11 回复 有任何疑惑可以回复我~
#4

qq_谜离_03319966 回复 慕粉0002062090 提问者

left 用position:absolute right不用float margin-left：210px
2016-10-11 回复 有任何疑惑可以回复我~
查看1条回复
Aprillllllllllllll
2016-09-25

不知道是不是这样，margin-left我认为指的是距main 这个div的左边10px，所以会比较宽吧

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

慕粉0002062090 提问者

不是啊，右边方块只有“right”文本这么宽，设置margin—left没有用
2016-09-26 回复 有任何疑惑可以回复我~

举报

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

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

进入课程

为什么.right用float：right时右边方块跟文本宽度一样了啊。明明设了margin-left：10px啊

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