給footer清除浮動和使用overflow產生的效果不一樣,第一種是wrap的清除浮動。第二種是mianbody的清除浮動
對于自己臨近的清除就是:clear:both;感謝我吧同志們
所以上面的答案就是:一:width:100%;overflow:hidden;
float:left;float:right;然后放大看 這樣小屏是看不到的。。
所以上面的答案就是:一:width:100%;overflow:hidden;
float:left;float:right;然后放大看 這樣小屏是看不到的。。
本節課老師有很多都是錯誤的,會讓學生本來清晰的思路混亂起來,對于不負責任的老師,我非常痛恨,因為你稍微仔細一點,就可以讓千千萬萬的學生節省時間!
2016-10-10
利用CSS為網站布局:5-2 實踐題
float和position:absolute可以使盒子脫離文檔流
脫離文檔流,也就是將元素從普通的布局排版中拿走,其他盒子在定位的時候,會當做脫離文檔流的元素不存在而進行定位。需要注意的是,使用float脫離文檔流時,其他盒子會無視這個元素,但其他盒子內的文本依然會為這個元素讓出位置,環繞在周圍。而對于使用absolute positioning脫離文檔流的元素,其他盒子與其他盒子內的文本都會無視它
float和position:absolute可以使盒子脫離文檔流
脫離文檔流,也就是將元素從普通的布局排版中拿走,其他盒子在定位的時候,會當做脫離文檔流的元素不存在而進行定位。需要注意的是,使用float脫離文檔流時,其他盒子會無視這個元素,但其他盒子內的文本依然會為這個元素讓出位置,環繞在周圍。而對于使用absolute positioning脫離文檔流的元素,其他盒子與其他盒子內的文本都會無視它
2016-10-09
老師是很好,但有些地方的確是講錯了(元素浮動和絕對定位是脫離文檔流的)。錯的東西就是錯的,教錯了學生,造成學生困惑,是大家都不希望看到的結果。(所以別幼稚地嗶嗶u can u up好嗎)
但并不可以因此而批判老師不好。課程是免費的,老師也花了不少心血。
故:技術上的更正是必要的,人身攻擊請繞道。
但并不可以因此而批判老師不好。課程是免費的,老師也花了不少心血。
故:技術上的更正是必要的,人身攻擊請繞道。
2016-10-09
1,#wrap{width:970px; margin:0 auto;}
2,#mainbody{ margin-top:15px;position:relative;}
3,#left{width:110px;float:left; }
4,#mid{width:650px;border:1px solid #999;position:absolute;margin-left:123px;}
5,#right{border:1px solid #999;position:absolute;margin-left:777px;}
2,#mainbody{ margin-top:15px;position:relative;}
3,#left{width:110px;float:left; }
4,#mid{width:650px;border:1px solid #999;position:absolute;margin-left:123px;}
5,#right{border:1px solid #999;position:absolute;margin-left:777px;}
2016-10-09
padding-top:44px 15px 15px;(內邊距為44px; 左右邊距15px)
border:1px solid #b1adaa;(圖片添加上1px 的#b1adaa色實線邊框;)
margin:10px 18px;(上下外邊距為10px,左右外邊距為18px;)
border:1px solid #b1adaa;(圖片添加上1px 的#b1adaa色實線邊框;)
margin:10px 18px;(上下外邊距為10px,左右外邊距為18px;)