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

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

如何用CSS進行網頁布局

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

已采納回答 / Kaneo
同樣是顏色顯示不出來,你的問題后來解決了么?

已采納回答 / joyboy0405
根據自身情況采取相應的記錄手段吧,不回顧很容易忘的,我是手記的,記的時候又加強了記憶,之后也可以拿來回顧,記重點,但也不能太心急,該慢還是要慢的。希望能夠對你有多幫助~

已采納回答 / tang90
因為middle是在標準文檔流中,所以middle塊級元素占一行,后面的div只能從下面開始了。我猜測應該是這個原因。把middle改成相對或者絕對定位,使它脫離標準文檔流應該可以。

已采納回答 / 大耳牛
不要用浮動,用position定位,把浮動都去掉,給left和right一個絕對定位,把main的寬度去掉,margin值改一下就好了

最贊回答 / Aishah_MK
我的問題解決了,來回復一下?!氨桓拥脑匾呀洀脑亓髦腥〕觯詾g覽器會正常擺放其他元素(塊元素)而忽略被浮動的元素,但是瀏覽器在布置內聯元素時會考慮到被浮動元素的邊框,讓內聯元素圍繞著被浮動元素?!边@是我在書上看到的,意思是div footer已經感受不到div main了,但是div footer還感受得到div main的邊框,所以footer div跑上去了,但是里面的文字(內聯元素)被擋在下面了。

已采納回答 / stonecheng
我覺得,你需要去理解一下標準文檔流(flow)。我只知道有float和postion:absolute可以將元素從文檔流中抽離出來。問題1:top{position:relative}沒有將top從文檔流中抽離出來。所以top和head還是在文檔流中,top類中內容“top”,會占一行。所以head從下一行開始。將內容“top"刪除,就可以看到高度填滿了。問題2:沒有用“position:absolute;top:0;left:0;”的話,類left和類right都塊元素,且在文檔流中,兩者都要占整行,所...

已采納回答 / wang_linda
.main{ height:600px;margin:0 310px 210px;background:#9CF}這句話里面少了一個0吧,在310px和210px中間應該加個0,????“.main{ height:600px;margin:0 310px 0 210px;background:#9CF}”

已采納回答 / 前端小菜鳥_2017
把??body { margin: 0; padding: 0; } 改成 *{?margin: 0; padding: 0;?}清除所有元素樣式

已采納回答 / 吾以青春賭未來
任務3:要求右側(right)先加載,左側(left)后加載所以應該給left添加樣式:position:absolute;left:0;top:100px;這樣的話就可以了

最新回答 / qq_陽光宅宅_03842602
這是因為float設置后,讓div脫離了文檔流,而div又是塊級元素,所以在head下一行

已采納回答 / 阿濤3652503
在CSS中把右側(right)的代碼寫在左側(left)前面就可以了。

最贊回答 / RenardLeung
左側div寬度:200px ?右側div寬度:300px;所以,如果設置main水平居中,且和左右div“無縫隙”,則 margin-left值為200px, margin-right值為300px;那么為了和左右div有10px間距,則margin-left的值和margin-right的值分別加10px即可
課程須知
1.你需要掌握html+css樣式基礎知識 2.有一定的前端實際開發經驗
老師告訴你能學到什么?
1.掌握網頁布局的相關知識 2.能對不同的網頁進行布局結構劃分 3.掌握固定寬度和自適應寬度的實現方法

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消