#wrap{width:970px; margin:0 auto;}
#mainbody{ margin-top:15px;position:absolute;}
#left{float:left;margin-right:13px;width:110px; border:1px solid #999;}
#mid{float:left;width:650px;border:1px solid #999;}
#right{float:right;width:177px;position:absolute;left:794px;border:1px solid #999;}
perfect!!
#mainbody{ margin-top:15px;position:absolute;}
#left{float:left;margin-right:13px;width:110px; border:1px solid #999;}
#mid{float:left;width:650px;border:1px solid #999;}
#right{float:right;width:177px;position:absolute;left:794px;border:1px solid #999;}
perfect!!
2017-07-05
已采納回答 / 慕慕6062283
你所理解的只有一個小錯誤,只需要加一次2px邊框就行了,因為left沒有border,只有mid有border。所以正確的列式應該是:#right的left值=110(left的width)+13(mid與left間距)+2(mid的border)+650(mid的width)+17(mid與right間距) ? ? ? ??
2017-07-04
不否認老師的付出,但是還是沒有講清楚。
元素設置了浮動之后的特點
1.脫離標準文檔流。
2.行內元素可設置寬高,塊狀元素不再占一行。(脫離了標準文檔流,所以不用遵守這些)
3.文本內容不會被覆蓋?。?!這一點記住就行了
4.因為脫離了標準文檔流,所以此時當父元素沒有設置高度的時候,父元素高度就為0了(因為父元素里沒有其他元素了,因為我們已經將父元素里的元素設置了浮動脫離了標準文檔流)
元素設置了浮動之后的特點
1.脫離標準文檔流。
2.行內元素可設置寬高,塊狀元素不再占一行。(脫離了標準文檔流,所以不用遵守這些)
3.文本內容不會被覆蓋?。?!這一點記住就行了
4.因為脫離了標準文檔流,所以此時當父元素沒有設置高度的時候,父元素高度就為0了(因為父元素里沒有其他元素了,因為我們已經將父元素里的元素設置了浮動脫離了標準文檔流)
2017-07-03