亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

三欄式用雙飛翼和圣杯布局的時候為什么左邊的模塊-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 關注
  • 960 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號