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

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

網頁布局基礎

難度入門
時長 1小時30分
學習人數
綜合評分9.63
2052人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
講得超好的,女老師果然是很細心
真麻煩。。
*{margin:0; padding:0;}
#wrap{width:970px; margin:0px auto;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px; }
#mid{position:absolute; top:0; left:123px;width:650px;border:1px solid #999;}
#right{position:absolute; top:0;right:0; border:1px solid #999; left:790px;}
#mainbody {
width:100%;
position:relative;
margin-top:20px;
}
#content {
position:absolute;
left:200px;
top:0;
}
盒子3D模型:border>content+padding>background-image>background-color>margin
動畫做的好叼
這個測試頁面,不管對不對都說好,也是醉,還是自己重寫測試吧
老師啊 我用的是cs5版本啊,和你不一樣啊 咋辦?
老師講的特別用心,也很細,今后希望能多出大案例的課。

已采納回答 / sixGod
不是受影響,是float的特性,你前面的div用了float,后面跟著的元素就會在有空位的時候自動跟上去,這個時候就要清除浮動,在div后面跟上一句<div style="clear:both"></div>,其后面的元素才能正常布局
終于知道margin 所跟不同數值的意思了 順時針
不管她講的好不好,我敢說人家這方面知識絕對比吐槽的人好的多
一切不以知識為主吐槽的評論都是紙老虎
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{position:absolute; width:110px; }
#mid{position:absolute; width:650px;border:1px solid #999;top:0;left: 120px;}
#right{position:absolute;border:1px solid #999;left:780px;}

我喜歡偷懶

最贊回答 / 零下的夏天
不同意樓上說的哦,因為book是在content后面添加的,所以它設置的background比content設置的優先級要高,所以是讀取book設置的背景的<...圖片...>如果結構改為以下圖所示,那么content設置的背景色就出來了<...圖片...><...圖片...>
怎么突然就沒聲音了?
課程須知
1.一定要對HTML+CSS相關標簽有所掌握;2.對網頁布局知識有簡單的了解
老師告訴你能學到什么?
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局;2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消