float屬性被發明的初衷就是讓網頁文字能像word文檔那樣進行文字環繞。float雖然是脫離文檔流的。但是float屬性的特性是,當元素被設置浮動后,非浮動的行內元素會緊隨其后的又空隙就插進去。所以文字會對其進行環繞。而非浮動的塊級元素則是直接填充上去,若和float的元素有重疊,則被其覆蓋。
2016-10-17
#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;left:792px;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;left:792px;border:1px solid #999;}
2016-10-17
#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;left:794px;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;left:794px;border:1px solid #999;}
2016-10-17
對于有沒有必要加overflow:hidden要看浮動以后的效果。如果浮動對后邊元素產生了影響,當然要清除浮動。如果對后邊元素沒有產生影響,就沒必要設置清除浮動了。
2016-10-17
這個任務出的有錯誤。效果圖中“left”部分是有邊框的,但是在代碼中“left”部分并沒有寫入邊框。所以在“left”沒有寫入邊框的情況下是790,寫入邊框的情況下是792才對。
2016-10-17
免費不是不能批評的理由,做不好就要認。我很感謝慕課網的免費資源,但是一味說好慕課老師怎么知道自己到底做沒做好?還是活在用戶對慕課免費資源的感激下的無限吹捧,停步不前?說出課程不足的地方不是不知道感恩,相反的,我們的反饋,不管是正面還是負面,正是我們能回報慕課的手段之一??度酥?,讓別人覺得不好就別看的,真的是圣母心。
2016-10-17
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px; }
#mid{float:left;width:650px;border:1px solid #999;margin-left:123px}
#right{position:absolute;left:792px;border:1px solid #999;}
任務三的792,要算上mid的兩條邊距
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px; }
#mid{float:left;width:650px;border:1px solid #999;margin-left:123px}
#right{position:absolute;left:792px;border:1px solid #999;}
任務三的792,要算上mid的兩條邊距
2016-10-16
#mainbody{ width:100%;overflow:hidden;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;left:794px;border:1px solid #999;}
#left{float:left;width:110px; }
#mid{float:left;margin-left:13px;width:650px;border:1px solid #999;}
#right{position:absolute;left:794px;border:1px solid #999;}
2016-10-16