已采納回答 / 掌仙人
他改了 content 盒子的寬度,開始設置的是770px (注意這是實際內容的寬度) ,實際上由于內邊距的原因,所以content盒子的實際寬度為:padding (左右)+內容寬度(即設置的width)+border寬度(左右);很明顯,他的背景圖寬度為770,和設置的width為770,但是世界的content盒子寬度超過了背景圖片的寬度,所以有豎線。最后老師將設置的width改小,使得content盒子實際寬度之和為770,同背景相同就沒有了豎條
2016-03-10
已采納回答 / SAVEKAI0
#mainbody{ margin-top:15px;position: relative;}#right{border:1px solid #999;position: absolute;margin-left: 792px;}不設置寬度就能自適應。
2016-03-07
已采納回答 / 金祥
每個瀏覽器對編寫的html文件,都有不同默認的樣式。所以要清除默認樣式。每個瀏覽器的顯示效果,會存在較大或者細微的差別,這與瀏覽器、瀏覽器的兼容性等是相關的。
2016-03-07
已采納回答 / Justtao
這跟老師出題的要求有關:1,left和mid 這兩個div 使用float-left后,位置固定;2,right 這個div使用相對位置和絕對位置,right的寬度可以隨著wrap(mainbody)的寬度自適應橫向排版變化;假如right這里采用float-left,那么需要先給right設置一個寬度,這樣的話right的寬度就不在隨wrap變化,也就不是所謂的自適應了。
2016-03-05
已采納回答 / 繁星鳶尾
content是以父親為偏移標準的,我的理解是sider-bar和content的margin-left都是以mainbody的左邊界為參考標準的;至于margin-left是外邊距,并不是單純地盒子與盒子之間的距離。
2016-03-04
已采納回答 / yuchisu
如果.right向右浮動,width:100%,要實現自適應,擴展margin-left沒有效果,left會覆蓋right的內容。都設置float:left,right擴展margin-left即可顯示全部內容
2016-02-22