                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /網(wǎng)頁布局基礎(chǔ)

最后一題的答案

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

qq_飛翔小子_04069684

2016-10-25

源自：網(wǎng)頁布局基礎(chǔ) 5-1

關(guān)注問題我要回答

596

操作

收起

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;}

完美實(shí)現(xiàn)

1 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

qq_飛翔小子_04069684 提問者

非常感謝！

2016-11-02 回復(fù) 有任何疑惑可以回復(fù)我~

#2

慕粉4376930

怎么就完美實(shí)現(xiàn)了左邊部分沒有邊框右邊部分和中間間距是16px

2016-11-09 回復(fù) 有任何疑惑可以回復(fù)我~

#3

慕粉4376930

而且無論你的margin-right設(shè)置多少 mid和right的間距都是16px，因?yàn)榻^對定位不在流中,外邊距對它沒用，為什么是16px,因?yàn)?970-110-13-650-2-177-2=16 要mid和right的間距是17px，一定要在絕對地位時(shí)定位在整個(gè)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 回復(fù) 有任何疑惑可以回復(fù)我~