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

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

如何用CSS進行網頁布局

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

最新回答 / 11223ng
<body><div class="top">top?? ?<div class="head"></div></div>你把這里的 ?top 去掉,這也占一行的

最新回答 / 迷途的馬爾斯
你的不用清除浮動是因為你的main盒子設置了高度,而且你的main盒子并沒有包裹住left和right,這樣還沒有達到高度自適應的效果,foot清除浮動可以令foot隨著left和right的高度變化而移動

最新回答 / duun09
前面的加了浮動就不占位了 ,所以footer就上去了,在footer添加clear:both就清除了 前面浮動的影響,footer就自然到下面位置來了

最贊回答 / 無敵小哥兒
記不記得前面有個習題,是說float和absolute屬性脫離文檔流(如果不記得,在返回去看看)。。。。左右兩列設置了absolute屬性,使其脫離了文檔流。。margin是設置外邊距的。視頻里設置左外邊距200px(這是左邊 ? .left ? ? ? ?的寬度),右外邊距300px(右邊 ? ?.right ? 的寬度),所以能夠正好在這兩者之間。。如果不設置邊距,main標簽中的內容就填充到瀏覽器的100%,被左邊和右邊遮蓋。。...如果還不懂,建議你復習復習基礎。

已采納回答 / 東來0
.top{height:100px; background:#ccc}.main{background:red;}.left{position:absolute;left:0;top:100px;width:200px; height:500px; background:blue;}.right{ margin-left:210px;height:500px; background:#9C9;}.foot{height:50px; background:#F63;}

已采納回答 / Fday
行間距(行高)屬性(line-height)下面是例子:設置line-height:10em;<...圖片...>效果如下:<...圖片...>而設置line-height:2em;<...圖片...>效果如下:<...圖片...>

已采納回答 / 努力提升
你可以把代碼復制到編譯器運行么,2秒鐘的事

最新回答 / mukti
豆瓣開發者不完全指南:https://feizhaojun.com/?p=3813

最新回答 / 迷途的馬爾斯
你左右兩個盒子脫離了文檔流了,就和中間的盒子不在一層啦,你中間的文字還怎么能根據盒子寬度來換行呢

已采納回答 / 迷途的馬爾斯
你好好想想你.right相對移動是相對誰來移動?是不是應該相對老爸(.main)來相對定位?如果你設置absolute就脫離文本流了,就不是相對.main來定位了,是相對瀏覽器窗口來定位了
課程須知
1.你需要掌握html+css樣式基礎知識 2.有一定的前端實際開發經驗
老師告訴你能學到什么?
1.掌握網頁布局的相關知識 2.能對不同的網頁進行布局結構劃分 3.掌握固定寬度和自適應寬度的實現方法

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消