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

三栏式用双飞翼和圣杯布局的时候为什么左边的模块-margin-left:100%会跑到左上方

三栏式用双飞翼和圣杯布局的时候为什么左边的模块-margin-left:100%会跑到左上方

Smart猫小萌 2018-12-13 18:18:29
就是不太能理解左栏负边距100%会跑到第一行左边的原理 。自己写了确实是这个效果 希望能有大神通俗易懂的解释下原理dom结构如下:<body><div id="hd">header</div><div id="bd">  <div id="middle">middle</div>  <div id="left">left</div>  <div id="right">right</div></div><div id="footer">footer</div></body>相对应的CSS内容如下:
查看完整描述

1 回答

?
明月笑刀无情

TA贡献1828条经验 获得超4个赞

left元素的设置了 margin-left:-100%;,按规范所述,浮动元素要尽可能向上浮动。
100%就是bd的宽度,bd比left宽,因此left相当于不占空间,理论上可以放在和bd一行而不是另起一行,然后按规则就放上去了。
right在右边是因为 margin-left:-200px;这值比 margin-left:-100%;小,你给右边设 margin-left:-110%;(取消relative的负值定位)看看

查看完整回答
反对 回复 2019-01-19
  • 1 回答
  • 0 关注
  • 920 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信