亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

網頁布局基礎

難度入門
時長 1小時30分
學習人數
綜合評分9.63
2052人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
大家抱怨老師講的悶,可以理解,因為老師講的語速太慢了,解釋的太多反而讓人感覺繁瑣。建議大家1.25倍速或1.5倍速。不懂的地方再慢速聽。講的內容不難。
1.5倍速才是王道,時間就是金錢。這女的說的有點繁瑣。
怎么越聽越困啊( ̄o ̄) . z Z
計算間距時border也得要加上
任務3#content與#sidebar之間的間距為20px 應該改為200px
正確的
#mainbody {
width:100%;
position:relative;
margin-top:20px;
}

#content {
position:absolute;
margin-left:200px;
top:0px;
left:20px;

}
*{margin:0; padding:0;}
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{position:absolute;width:110px; }
#mid{position:absolute;margin-left:115px;width:650px;border:1px solid #999;}
#right{position:absolute;margin-left:770px;border:1px solid #999;}
浮動之后,是脫離了文檔流!建議更正過來!怕后來看的同學被誤導!
沒有以前課件好了,寫完代碼,看不到預覽,什么都不寫,按提交,也能出現(恭喜您通過本次課程),自己都不知道代碼有沒有寫錯,在去查看-不會怎么辦,打開什么都沒有,無從得知自己寫的對或不對,
老師講的挺棒的
老師講的挺多錯誤的
#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:790px;border:1px solid #999;}
#left 和 #mid 使用了float,所以就會脫離父元素浮動,父元素框里面沒有了支撐就會縮起來,所以它們的父元素 #wrap一定要overflow:hidden。否則并不會上下居中的。
課程須知
1.一定要對HTML+CSS相關標簽有所掌握;2.對網頁布局知識有簡單的了解
老師告訴你能學到什么?
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局;2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消