已采纳回答 / 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