已采納回答 / ValarRay
width:100%是相對于父元素的，沒有說一定要設置width：100%，overflow:hidden 的意思是超出的部分要裁切隱藏掉.overflow：hidden是為了幫助父元素清除浮動的影響，關于overflow：hidden的? ? ? ? ? 第一種理解： float 的元素不占普通流位置，普通流的包含塊要根據內容高度裁切隱藏，如果高度是默認值auto，那么不計算其內浮動元素高度就裁切，就有可能會裁掉float。所以如果沒有明確設定容器高情況下，它要計算內容全部高度才能確定在什么位置hidd...
2016-08-18
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px; }
#mid{float:left;margin-left:13px;width:650px;border:1px solid #999;}
#right{position:absolute;top:0;left:790px;border:1px solid #999;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px; }
#mid{float:left;margin-left:13px;width:650px;border:1px solid #999;}
#right{position:absolute;top:0;left:790px;border:1px solid #999;}
2016-08-17
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px;border:1px solid #999; }
#mid{float:left;width:650px;border:1px solid #999;margin:0 auto 0 13px;}
#right{position:absolute;left:792px;border:1px solid #999;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px;border:1px solid #999; }
#mid{float:left;width:650px;border:1px solid #999;margin:0 auto 0 13px;}
#right{position:absolute;left:792px;border:1px solid #999;}
2016-08-17
#mainbody {
width:100%;
position:relative;
margin-top:20px;
}
#content {
position:absolute;
top:0;
left:200px;
margin:0 auto;
}
width:100%;
position:relative;
margin-top:20px;
}
#content {
position:absolute;
top:0;
left:200px;
margin:0 auto;
}
已采納回答 / 慕粉1461951943
content是以mainbody進行絕對定位的，content位置改變后被siderbar的內容遮擋住了，所，在設置margin-left時，可以直接設置為200px，也就是200px=20px（margin-left）+180px(siderbar的寬度)。其實也可以這樣設置在content的樣式中這樣寫：.content{position:absolute; top:0;left:200px;}
2016-08-17
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative;margin-top:15px;}
#left{position:absolute;width:110px;margin-left:0px;border:1px solid #999;}
#mid{position:absolute;width:650px;border:1px solid #999;margin-left:130px;}
#right{position:absolute;margin-left:800px;border:1px solid #999;}
#mainbody{position:relative;margin-top:15px;}
#left{position:absolute;width:110px;margin-left:0px;border:1px solid #999;}
#mid{position:absolute;width:650px;border:1px solid #999;margin-left:130px;}
#right{position:absolute;margin-left:800px;border:1px solid #999;}
2016-08-16
課程學習結束，老師講的細節都很到位，我也一邊聽一遍做筆記。雖然自己有一些基礎，但是還是從中發現了自己的不足，可謂受益匪淺。感謝老師的細心講解。但是，知識是嚴謹的，學問是嚴謹的，也希望老師再辛苦一些，再仔細一些，做出更完美的課程！授人以魚不如授人以漁，授人以漁不如授人以好漁！老師辛苦了，后面來的同學們加油，如果有不懂，先去評論區看看，畢竟那里有大牛~~~fighting！
2016-08-16