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

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

網頁布局基礎

難度入門
時長 1小時30分
學習人數
綜合評分9.63
2052人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
哪位解釋下 left和right應該都不在文檔流里,所以foot沒clear時,foot應該在left right下面。我看背景顏色確實是在下面,但是如果div里面有內容的話,內容還是會跑到right的后面,而沒有和left重疊。謝謝
有的地方講錯了,還得看評論才能明白
老師普通話不是很標準啊。不過內容挺好的,沒有廢話
css的定位機制有三種:標準文檔流、浮動布局、絕對定位
fixed是固定位置不移動默認方式
講得很詳細,只是mainbody讀成悶body,感覺好別扭
很喜歡老師的聲音,越聽越入耳。
我要當學霸啦,嘿嘿嘿嘿嘿嘿
正確答案:
#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;}

最新回答 / 慕男嬸
Firefox、chrome、safari、opera、IE都有(低版本IE沒有,貌似是IE7及一下沒有,記不清了,你查一下吧)調出debug窗口的方法:1、左鍵--> 審查元素(或檢查元素) 即可打開2、快捷鍵 F12,也能打開
浮動:可實現塊級元素橫向排列



1、3個屬性值:left-左浮動,right-右浮動,none-不浮動



2、設置了浮動的元素,仍舊處于標準文檔流中,意味著會占據標準文檔流中的空間,對周圍的元素產生影響



3、當元素沒有設置寬度值,而設置了浮動屬性,元素的寬度隨內容的變化而變化(沒內容時直接縮到浮動的那一邊,看不見了)



4、當元素設置浮動屬性后,會對相鄰的元素產生影響,相鄰元素特指緊鄰后面的元素
#wrap{width:970px; margin:0 auto;}
#mainbody{ margin-top:15px;}
#left{float:left; width:110px; margin-top:13px;}
#mid{float:left; width:650px;border:1px solid #999;}
#right{position:relative;margin-top:17px;border:1px solid #999;}
也不知道這樣對不對。。。不過效果是出來了。

最新回答 / lynhao
重啟軟件有時候它是這樣,cs3版本有點舊了,換個cs6吧或者用webstorm
講的很好易懂
課程須知
1.一定要對HTML+CSS相關標簽有所掌握;2.對網頁布局知識有簡單的了解
老師告訴你能學到什么?
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局;2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消