*{margin:0; padding:0;}
#wrap{width:970px;margin:0 auto;}
#mainbody{position:relative;overflow:hidden;margin-top:15px;}
#left{float:left;width:110px;margin-right:13px; }
#mid{float:left;width:650px;border:1px solid #999;}
#right{position:absolute;top:0;margin-left:790px;border:1px solid #999;}
#wrap{width:970px;margin:0 auto;}
#mainbody{position:relative;overflow:hidden;margin-top:15px;}
#left{float:left;width:110px;margin-right:13px; }
#mid{float:left;width:650px;border:1px solid #999;}
#right{position:absolute;top:0;margin-left:790px;border:1px solid #999;}
2017-04-21
感覺上一節課解釋的有點問題，所以這節課有點誤會。上一節課box2都是沒有設置width的，所以會根據父包含自適應，當box1設置為float:left之后，脫離標準文檔流，box2自動頂到最左邊，而因為沒有設置寬度，所以自適應為滿屏，看起來就跟box2緊跟在box1之后出現一樣的效果，其實左邊是被box1擋住了而已，把box1的背景色去掉，加一個border就很明顯了。
這里也是，right設置了一個定寬140px，left800px浮動之后，right頂到最左邊開始出現，但是由于寬度只有140px，而不像上一節課的box2那樣自適應，所以看起來就跟上一節課的box2完全不同的效果。
這里也是，right設置了一個定寬140px，left800px浮動之后，right頂到最左邊開始出現，但是由于寬度只有140px，而不像上一節課的box2那樣自適應，所以看起來就跟上一節課的box2完全不同的效果。
2017-04-20
最新回答 / 某星座的海星
float的元素脫離了文檔流，但是沒有脫離文本流,字體是認同浮動元素所占據的區域的。作者：weibo_哆啦A夢有大口袋_0鏈接：http://www.xianlaiwan.cn/article/8915來源：慕課網第一個元素浮動之后，會讓它脫離文檔流，也就是說當它后面還有元素時，其他元素會無視它所占據了的區域，直接在它下面布局。所以第二個元素作為塊級元素獨占了一行，在它下面布局了。而上一節課是文字，文字會認同浮動元素所占據的區域，圍繞它布局，也就是沒有脫離文本流。
2017-04-20
*{margin:0; padding:0;}
#wrap{width:970px; margin:0px 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; margin-left:792px; border:1px solid #999;}
</style>
</head>
#wrap{width:970px; margin:0px 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; margin-left:792px; border:1px solid #999;}
</style>
</head>
2017-04-19
最新回答 / 夕叩
你的footer和header設置的寬度是100% 他的寬度取決于內部標簽的寬度<div id="header"></div><div id="footer"></div> 而內部沒有標簽 所以寬度為0 因此你才會看不到結果
2017-04-19
最贊回答 / 慕圣4428291
可以啊，你在#mid里面用margin-left也行，不過相比在#left里面設置margin-left計算量復雜了一點，容易失誤而已。另外#right里面的margin-left等于790px的計算為：left的寬（109px）+與Mid之間的marigin-left的距離(13px)+mid的左右border寬度(2*1px）+mid的寬（649px）+距離mid的距離(17px)=790px
2017-04-18
最新回答 / 左右手年華
#mainbody{position:relative;margin-top:20px;}這里錯了，應該這樣#mainbody { ? ? width:100%; ? ? position:relative; ? ? margin-top:20px;}
2017-04-18