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

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

如何用CSS進行網頁布局

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

已采納回答 / HEternally
第一,這個代碼應該寫在那個任務一里面,但是你要這樣寫也可以,你在那兩個背景顏色后面要加上分號

已采納回答 / Robert_Langdon
你第二個div寫成dir了 dir有默認樣式的 肯定不對了

已采納回答 / 慕粉1617456504
float:left;float:right分別控制相應的元素,懸浮在父元素的左邊和右邊。如果不添加float元素的話,由于div是塊級元素,兩個div會靠左上下并排在一起,而不是左右。

已采納回答 / qq_天天_66
其實你的已經自適應了,父級容器的寬為800px,左側為200px ,margin占了10px ,你的right的寬沒有設置,但是他相當于剩下的100%,也就是590px,所以他會占寬590px的,你可以用盒子看一下

已采納回答 / 慕粉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}

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

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

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

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

已采納回答 / qq_與我如浮云_0
body不用設置relative,此時.top中的absolute仍然以body絕對定位,這個時候你是看不到top,因為絕對定位挺復雜這里不多說,后面main又設置了relative,這時,.left對父元素main絕對定位,建議以后浮動和定位不要一起用。這個代碼,你試試<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style ty...

已采納回答 / liumin970124
div標簽是屬于塊級元素,一個元素占一行

已采納回答 / 慕粉1840084516
因為 在"nav"和"section"的樣式中 使用了float元素定位,float會使子元素從父級元素中脫離出來,相當于從原來的塊級標簽變成行級標簽,所以他們就可以排列在一行了,而不是單獨占據一行

已采納回答 / Morningstarz
html是解釋執行 ? ?你把右側寫在左側前面不就是先加載右側了嗎。。。

已采納回答 / 慕虎9681967
浮動元素的排序規則1.1相同方向上的浮動元素,先浮動的元素會顯示在前面,后浮動的元素會顯示在后面1.2浮動元素浮動之后的位置,由浮動元素浮動之前在標準流中的位置來確定本例中right 右邊浮動前的位置就在第二行,所以按照浮動元素排序規則會貼靠右邊第二行如果非得用float, ?那就把right和mian兩個盒子掉個位置,,保證前兩個盒子順序是right和left就行了<div class="left">left</div><div class="right">right...

已采納回答 / 慕UI9918925
<div class="main">?? ?<div class="left">?? ??? ?<div class="sub_left"></div>?? ??? ?<div class="sub_right"></div>??? </div>?? ?<div class="right"></div></div>你可以這樣實現,在一個兩列布局中在左邊或者右邊的列在嵌套一個兩列這不就是三...
課程須知
1.你需要掌握html+css樣式基礎知識 2.有一定的前端實際開發經驗
老師告訴你能學到什么?
1.掌握網頁布局的相關知識 2.能對不同的網頁進行布局結構劃分 3.掌握固定寬度和自適應寬度的實現方法

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消