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

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

網頁布局基礎

難度入門
時長 1小時30分
學習人數
綜合評分9.63
2052人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰

最贊回答 / xlelou
top是用來說明content在容器體內距離mainbody頂部的位置 .margin說說明 容器體內 兩個不同 塊元素之間的間距. ?這是我的理解 。
其實給footer添加clear:both也一樣消除浮動
padding:44px 15px 15px;

border:1px solid #b1adaa;

margin:10px 18px;

padding為填充,代表內邊距

margin為邊界,代表外邊距
這不是自適應的右邊吧。970px限制
#wrap{width:970px;margin:0 auto}
#mainbody{margin-top:15px;position:relative;overflow:hidden;border:1px dashed red}
#left{float:left;width:110px}
#mid{float:left;width:650px;margin-left:13px;border:1px solid #999}
#right{position:absolute;margin-left:790px;border:1px solid #999}

最贊回答 / qq_獨角戲_4
應用relative 屬性后具有空間層堆疊的性質,且原來占據的空間保留,相當于原位置留空并在上面一層相對于自身偏移
當前情況下不用設置mainbody和footer的寬度,它兩個div也會自動填充滿吧?
這里是盒子里的內容。這段文字是我隨便亂大4的,只是想讓這個圖層看起來好看一些。所以不要糾結這里寫了些什么,沒有什么實際意義的。不過話說誰會閑的沒事看這種一長串的東西啊,而且我還故意把文字弄的這么虛。所以你就別使勁瞅了,這真的不是重點。不過你一定要瞅我也沒意見,不過想看清楚就暫停吧。話說回來,真的點暫停的應該都是處女座吧。
我不是處女座……

最新回答 / 沉淀____
是寬度被撐出來了,不是高度。。目前的代碼中,不僅mainbody不用寫width100%,header和footer都不用寫。因為wrap已經顯示了總體寬度,而作為DIV這種塊元素的header和footer都會自動填充滿它所能占據的最大寬度。
播放速度調為0.75x 老師說話好嗲有木有~~~~~
沒圖片的應該自己動腦去找圖,不做伸手黨,學會了才是自己的
老師口音很可愛,我愛上了這味道~
老師聲音萌萌嗒,講的也不錯,新手很受用

最贊回答 / 雅塔
你是說margin:0 auto;嗎,因為100%的話就跟父容器等寬了,那居中就沒有效果了呀
新手勉強聽得明白 ,但是感覺得出來老是說的很明白很詳細
#wrap{width:970px; margin:0 auto;}
#mainbody{width: 100%; position: relative; margin-top:15px;}
#left{float: left; width:110px; }
#mid{float:left;margin-left: 13px width:650px;border:1px solid #999;}
#right{margin-left:773px; position: absolute; border:1px solid #999;}
課程須知
1.一定要對HTML+CSS相關標簽有所掌握;2.對網頁布局知識有簡單的了解
老師告訴你能學到什么?
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局;2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消