最后一題的答案

最后一個問題的答案是： 110(left的寬度) + 650(mid的寬度) + 13(left與mid之間的間距) + 17(right與mid之間的間距) + 2(mid的邊框中左邊的邊框線的寬度 + 右邊的邊框線的寬度) = 792

qq_飛翔小子_04069684

2016-10-25

源自：網頁布局基礎 5-1

關注問題我要回答

586

操作

收起

2 回答

慕少7532173 回答被采納 +3 積分
2016-10-25

#wrap{width:970px; margin:0 auto;}

#mainbody{width:100%; position:relative; margin-top:15px;}

#left{float:left;width:110px; margin-right:13px; }

#mid{overflow:hidden;width:650px; margin-right:17px;border:1px solid #999;}

#right{ position:absolute; top:0; right:0;border:1px solid #999; width: 177px;}

完美實現

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

收起回答

qq_飛翔小子_04069684 提問者

非常感謝！

2016-11-02 回復有任何疑惑可以回復我~

慕粉4376930

怎么就完美實現了左邊部分沒有邊框右邊部分和中間間距是16px

2016-11-09 回復有任何疑惑可以回復我~

慕粉4376930

而且無論你的margin-right設置多少 mid和right的間距都是16px，因為絕對定位不在流中,外邊距對它沒用，為什么是16px,因為 970-110-13-650-2-177-2=16 要mid和right的間距是17px，一定要在絕對地位時定位在整個maindbody部分左邊多少px，假如按你的左邊部分沒有邊框，110+13+650+2+17=792 #right{ position:absolute; top:0;right:0;left:792px; border:1px solid #999; width: 177px;}

2016-11-09 回復有任何疑惑可以回復我~