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

两种情况的margin-left为什么不一样但是效果一样?margin-left究竟怎么计算?

1.#left{float:left;width:110px; }

#mid{ margin-left:123px;width:650px;border:1px solid #999;}

2.

#left{float:left;width:110px; }

#mid{float:left; margin-left:13px;width:650px;border:1px solid #999;}


正在回答

1 回答

http://www.w3school.com.cn/css/css_positioning_floating.asp

看这个网站,上面说设置了float的元素脱离了文档流,而第一种情况#mid没有设置float,在定位的时候会忽视#left去定位,所以此处的margin-left:123px是距离#mainbody左边界的123px处,导致两种情况效果一样。

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

举报

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

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

进入课程

两种情况的margin-left为什么不一样但是效果一样?margin-left究竟怎么计算?

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