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

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

如何用CSS進行網頁布局

江老實 Web前端工程師
難度初級
時長22分
學習人數
綜合評分9.60
1991人評價 查看評價
9.8 內容實用
9.6 簡潔易懂
9.4 邏輯清晰

已采納回答 / 慕粉0816148815
body{margin:0;padding:0} .top{height:100px;background:#000} .main{width:800px;height:300px;background:#ccc;margin:0 auto} .foot{width:800px;height:100px;background:#900;margin:0 auto}

最新回答 / 慕粉1465190743
看是塊元素還是行元素來定

最贊回答 / 花森煜米
1.原因:footer與head是文檔流,而其他元素均設置了浮動,從而脫離了文檔流,所以此處footer直接忽略其他浮動的元素好像不存在一樣,直接就排在head后面去了。2.解決:因此給footer元素設置了clear: both;清理浮動,使它們與footer一樣排在head的后面。

已采納回答 / 慕粉1738057844
.main的前面,也就是.header后面多了一個“}”。

最新回答 / qq_天天_66
你可以在4副圖的前面在加一個div,設置成margin:0 auto

已采納回答 / 火星撞地球3
你的圖片id設置錯了,一個是img,一個是img1

已采納回答 / Tendernessmile
必須設置body的margin和padding為0,因為第一個和第三個div設置了絕對定位,所以看不出來有空隙,而第二個div就存在body的邊距,導致空隙的出現 ,你設置一個all并沒有改變body的邊距,所以空隙會存在

已采納回答 / 靜候飛鳥
不管老師講不講,實際的網頁開發中都需要時刻清除浮動的一般大家的方法就是 在css寫好 .然后在網頁里調用<...code...>

最新回答 / qq_天天_66
其實你的理解沒有錯,之所以你有這樣的誤解,你可以試一下將main的margin-left:10px時,你會發現left向右移動了10px,而right卻沒有移動,left和right緊貼在 了一起。你就說明了他的定位確實是相對了body來的。

最新回答 / sustain
各大團購網站上面的那些食物宣傳圖,還有網站導航條一般都會需要結合浮動來進行圖片的擺放
課程須知
1.你需要掌握html+css樣式基礎知識 2.有一定的前端實際開發經驗
老師告訴你能學到什么?
1.掌握網頁布局的相關知識 2.能對不同的網頁進行布局結構劃分 3.掌握固定寬度和自適應寬度的實現方法

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消