#wrap{width:970px;margin:0 auto;}
#mainbody{overfolw:hidden;width:100%;margin-top:15px;position:relative;}
#left{float:left;width:110px;}
#mid{float:left;margin-left:13px;width:650px;border:1px solid #999;}
#right{position:absolute;margin-left:790px;border:1px solid #999;}
對不對
#mainbody{overfolw:hidden;width:100%;margin-top:15px;position:relative;}
#left{float:left;width:110px;}
#mid{float:left;margin-left:13px;width:650px;border:1px solid #999;}
#right{position:absolute;margin-left:790px;border:1px solid #999;}
對不對
2016-05-09
當元素設置為絕對定位后,元素也會 多出兩類屬性:偏移量屬性 和 Z-index屬性
不同的是:
1.該元素已經脫離了標準文檔流(不占位)
2.建立的定位基準不是該元素的原來位置,而是分兩種情況
2.1:沒有設置偏移量:無論是否存在已定位的祖先元素,都保持在元素初始位置,脫離文檔流,寬度塌陷(隨內容變化而變化)
2.2:設置了偏移量:又分兩種情況(A.無已定位的祖先元素 B.有已定位的祖先元素)
A.無已定位的祖先元素:它會以根節點(<html>)為偏移參照基準
B.有已定位的祖先元素:它會以距其最近的已定位祖先元素為偏移參照基準
絕對定位不在文檔流中(不會占位置,寬度及長度顯示隨內容增減而增減
不同的是:
1.該元素已經脫離了標準文檔流(不占位)
2.建立的定位基準不是該元素的原來位置,而是分兩種情況
2.1:沒有設置偏移量:無論是否存在已定位的祖先元素,都保持在元素初始位置,脫離文檔流,寬度塌陷(隨內容變化而變化)
2.2:設置了偏移量:又分兩種情況(A.無已定位的祖先元素 B.有已定位的祖先元素)
A.無已定位的祖先元素:它會以根節點(<html>)為偏移參照基準
B.有已定位的祖先元素:它會以距其最近的已定位祖先元素為偏移參照基準
絕對定位不在文檔流中(不會占位置,寬度及長度顯示隨內容增減而增減
那些說不用寫提交就對了的,我就問問,你是想來刷分還是想來學習知識的?對不對自己不清楚?網站能給你一個學習平臺就不錯了,而且這個也無法判斷對錯,本來樣式就不存在錯誤,只是存在合不合理而已
最新回答 / Silily
藍色是wrap的背景色,對footer使用clear:both;清除了上面right的浮動,但是left和right浮動之后脫離文檔流,無法撐起mianbody,所以看不到mianbody的背景色,之間顯示出了wrap的背景色
2016-05-09
已采納回答 / darcygail
mainbody高度為1000px,而left已經1000px,那么right就會被擠到mainbody下面去了,mainbody放不下,中間元素高度為(1000+500)px,footer和right同一個起點重疊了,你把mainbody的高度去掉應該就正常了
2016-05-09
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative; margin-top:15px;widte:100%;overflow:hidden;}
#left{float:left;border:1px solid #000;width:110px; }
#mid{width:650px;float:left;margin-left:13px;border:1px solid #999;}
#right{position:absolute;left:794px;border:1px solid #999;}
#mainbody{position:relative; margin-top:15px;widte:100%;overflow:hidden;}
#left{float:left;border:1px solid #000;width:110px; }
#mid{width:650px;float:left;margin-left:13px;border:1px solid #999;}
#right{position:absolute;left:794px;border:1px solid #999;}
2016-05-08