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

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

如何用CSS進行網頁布局

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

最新回答 / 慕數據3914169
額?? 我知道叫相對布局,可是為什么要設置這個呢?

最贊回答 / Original121
<style type="text/css">body{ margin:0; padding:0; font-size:30px; color:#fff}.top{height:100px; background:#ccc}.main{height:960px;background:red}.left{width:40%;height:960px;background:blue;float:left}.right{width:57%;height:960px;background:green;...

最新回答 / Geminihope
如果你想設置main的具體寬度,則大于等于left和right的寬度。大于left和right可以顯示middle,如果是等于則left和right所在的那一行就無法顯示middle。如果middle的高度大于left和right,則下方可以顯示

已采納回答 / 浮生若夢_0023
就把righe 標簽 寫在前面呀 ~ 他本來的代碼 就是把 right 寫在前面的! 你只需要絕對定位 left ?,然后right 用margin-left:210px;就好了

已采納回答 / 慕俠5947235
你是不是看錯 height和width的值了。。

最新回答 / 咸魚的日常
<...圖片...>首先看這個要求,上面top,中間main顏色紅色,left和right本來是在紅色的main下面的,所以需要設置浮動和絕對定位,把left和right浮動到上面,然后下面有個foot,難點就在不改變<...code...>right和left的順序的前提下,實現如圖所示的布局,所以單一的float已經不行了,需要用到絕對定位。完整代碼如下所示,你先理解理解,當然我的方法不是唯一的,也有其他方法能達到同樣效果。<...code...>

已采納回答 / honoril
若不設置浮動,兩個板塊就會按照代碼輸入順序上下排列而不是左右排列了??梢栽囈幌隆?/div>

最新回答 / 走走道兒丟了
直接在div中寫p標簽就行<div>????<p>test</p></div>如果需要頂格,需要取出body的padding與margin

已采納回答 / 南雄
是不是比例弄錯了

已采納回答 / 2016_Maybe
把div中的main那個文字去掉就好了<...圖片...>

已采納回答 / 玖零儛
中間沒設置寬度,繼承父物體body寬度,左邊設置為200px,左邊剩余空間放不下默認寬的中間,中間被擠下來獨占一排,剩下的右邊也是在另外一行的右邊

已采納回答 / 我樂意
把左浮動那行多的大括號刪掉試試

最新回答 / 浮生若夢_0023
當然不加 ??!你都沒有用浮動 干嘛加 清除浮動?。?/div>

最新回答 / Happy_learning
絕對定位使元素脫離文檔流,因此不占據空間。普通文檔流中元素的布局就當絕對定位的元素不存在時一樣。因為絕對定位的框與文檔流無關,所以它們可以覆蓋頁面上的其他元素。 而浮動元素的定位還是基于正常的文檔流,然后從文檔流中抽出并盡可能遠的移動至左側或者右側。文字內容會圍繞在浮動元素周圍。當一個元素從正常文檔流中抽出后,仍然在文檔流中的其他元素將忽略該元素并填補他原先的空間。它只是改變了文檔流的顯示,而沒有脫離文檔流,理解了這一點,就很容易弄明白什么時候用定位,什么時候用浮動了。 一個元素浮動或絕對定位后,它將自動...
課程須知
1.你需要掌握html+css樣式基礎知識 2.有一定的前端實際開發經驗
老師告訴你能學到什么?
1.掌握網頁布局的相關知識 2.能對不同的網頁進行布局結構劃分 3.掌握固定寬度和自適應寬度的實現方法

微信掃碼,參與3人拼團

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消