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

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

網頁布局基礎

難度入門
時長 1小時30分
學習人數
綜合評分9.63
2052人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
bxo
講得真的不錯,居然還有人吐槽太不應該了,,,
用了浮動,在用定位的時候#right 就跑到了最左邊,是不是浮動定位不能一起用
看完了,ppt很厲害,簡單易懂。
沒有說設置偏移量啊 不是應該在初始位置么
元素只要設置絕對定位后就會脫離標準文檔流,寬度和高度隨內容增減而增減。
如果沒有為絕對定位設置偏移量,無論是否存在已定位的祖先元素,都會保持在元素的初始位置。
如果為絕對定位設置了偏移量:1.沒有已定位的祖先元素,以根元素<html>為偏移參照基準。
2.有一個或多個已定位的祖先元素,以距離最近的已定位祖先元素為偏移參照基準
原來是這么簡單的概念,通過驗證硬是給我講糊涂了。。
#wrap{width:970px; margin:0 auto;}

#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;}

最新回答 / 子玲兒
您好!添加的是背景圖片(background-image)。如果把整個元素看成Photoshop里的圖層的話:第一層是border,第二層是content+padding,第三層是background-image,第四層是background-color,第五層是margin
建議剛學的朋友不要用DreamWeaver,可以試試notepad++,因為DW是一種可視化編程的工具,就是說你操作下面的顯示界面它會自動生成代碼,這極其不利于你前期學習編程,容易養成壞習慣!
看著box2 那個空格不去掉 強迫癥的我好難過?。。。?/div>
任務給的顏色顯示不出來 我換成了blue 。。
三大類:盒子模型,流模型,層模型;

流模型:標準文檔流、浮動流;

層模型:相對、絕對、固定、正常;

絕對定位 與 浮動流 會將元素變為inline-block
能不能先講案例再講結論,每次一上來就說結論完全不知所云
你們就作吧,這是免費課程,還挑三揀四,不思回報,無語
課程須知
1.一定要對HTML+CSS相關標簽有所掌握;2.對網頁布局知識有簡單的了解
老師告訴你能學到什么?
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局;2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消