說實話,討論再多也沒用,你們可以在BOX2加個邊框試試,仔細看就知道BOX2仍然是占據了整行的。也就是說浮動是脫離了文檔流的,但是并沒有脫離文本流,BOX2中的內聯元素會受到影響。浮動會影響下一個元素的說法也不嚴謹,主要是因為浮動脫離了文檔流,而其后元素只是緊挨著前面的元素排列而已(已經浮動的元素不算),屬于標準文檔流的規范。盡信書不如無書,這里并沒有懷疑老師的專業能力,可能按照這樣的理解在工作中也能避免問題,但是我想說的是,編程這種東西,自己多敲敲,不要看小說一樣,敲敲多了就會發現問題的。
2016-09-01
看看的我的答案是不是也對!
#wrap{width:970px; margin:0 auto;}
#mainbody{width:100%;overflow:hidden;margin-top:15px;}
#left{float:left;width:110px;;border:1px solid #999; }
#mid{float:left;margin-left:13px;width:650px;border:1px solid #999;}
#right{position:absolute;margin-left:794px;border:1px solid #999;}
#wrap{width:970px; margin:0 auto;}
#mainbody{width:100%;overflow:hidden;margin-top:15px;}
#left{float:left;width:110px;;border:1px solid #999; }
#mid{float:left;margin-left:13px;width:650px;border:1px solid #999;}
#right{position:absolute;margin-left:794px;border:1px solid #999;}
2016-09-01
*{margin:0; padding:0;}
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{ float:left;width:110px; margin-right:13px;}
#mid{float:left;width:650px;border:1px solid #999;}
#right{position:absolute;right:0;border:1px solid #999;clear:both;width:177px;}
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{ float:left;width:110px; margin-right:13px;}
#mid{float:left;width:650px;border:1px solid #999;}
#right{position:absolute;right:0;border:1px solid #999;clear:both;width:177px;}
2016-08-31
*{margin:0; padding:0;}
#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-left:13px;}
#right{position:absolute;border:1px solid #999;left:792px;}
#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-left:13px;}
#right{position:absolute;border:1px solid #999;left:792px;}
2016-08-31
已采納回答 / 對代碼有潔癖
只設置right的position為absolute,不設置偏移的時候,默認在原來的標準文檔流位置,當設置了top屬性后,此時的top屬性是參照祖先容器,也就是html標簽。
2016-08-30
@themass1213704020 不好意思不小心贊了你,是#sidebar本身寬度已經180px,只要設置#content的left為200px,那么它們之間的距離就是20px了
嗯……其實我是一個喜歡自學的人,學校老師講課我老是聽不進去。所以網上我也是看了大把大把的教學視頻。經驗告訴我,慕課網是網絡免費教學平臺上教學質量數一數二的,最近才發現這網站真是相見恨晚。至于你們說的普通話和英語,我想說,慕課網老師的發音水準在免費視頻中絕對排第一,沒有之一。
2016-08-29