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

為了賬號安全，請及時綁定郵箱和手機立即綁定

右邊盒子css布局問題

http://img1.sycdn.imooc.com//5dfdefe10001bd5404440113.jpg

右邊盒子我們有用定位，這樣也可以實現圣杯布局，和老師說的有區別，這樣可行嗎？

正在回答

2 回答

左浮動元素設置左右外邊距的區別：設置左外邊距會有位移，而設置右外邊距沒有位移（其實會影響下一個浮動元素的位置），相同點就是負值達到浮動元素原本寬度后可能就跳到上一行了。

跳到上一行是有前提的，具體去查浮動規則，前面有一節視頻中右盒子上不去的原因也可以查浮動規則。右浮動設置左右外邊距也類似，自己可以寫個例子試試。

你的右盒子margin-right設為-300px;就可以了。設置的100%，極端情況下會有問題，比如父元素寬度小于右盒子寬度。


0 回復 有任何疑惑可以回復我~
#1

ccyy_阿亮

補充一下，外邊距正值也可能跳行，外邊距和浮動元素加起來不夠在這一行展示時會跳到下一行。 不管向上跳還是向下跳，都只跳一行，受到浮動規則所限制。 左浮動設置左外邊距，跳行前后都能繼續位移；但是左浮動設置右外邊距，跳行前后不做位移只在臨界點時跳行。
2020-11-20 回復 有任何疑惑可以回復我~

老師說的只是幾種方式 能實現同樣效果有很多方式 找到一種能決絕項目的就可以了

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

右邊盒子css布局問題

我要回答 關注問題
微信客服

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

 幫助反饋 APP下載

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

 公眾號

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