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

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

如何用CSS進行網頁布局

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

最贊回答 / MR帽子先生
浮動以后margin就不能用了,只能用right left top 來調整位置

最新回答 / Myoung0
.wrap{ ? ?width: 100%; ? ?border:1px solid #999; ? ?background: #eeeeee;}.left{ ? ?position: absolute; ? ?left: 0; ? ?top: 0; ? ?border: 1px solid #333333; ? ?width: 200px; ? ?height: 120px; ? ?margin: 20px; ? ?background: #ffffff; ? ?text-align: center;}...

最贊回答 / 慕粉1840084516
因為你的right沒有浮動,它還是 一個塊級元素,所以right獨自占據一行,把left就擠到下面去了

已采納回答 / 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>你可以這樣實現,在一個兩列布局中在左邊或者右邊的列在嵌套一個兩列這不就是三...

已采納回答 / 好生氣哦
底下body里的代碼是right在left上面,我試了各種用float寫不出︿( ̄︶ ̄)︿初學者.top{margin:0 auto;background:#ccc;height:80px;}.main{background:red;height:500px;}.left{ height:500px;width:200px;background:blue;position:absolute;left:0;}.right{height:500px;background:#6c9;position:absol...

已采納回答 / Adele_D
為什么要絕對定位、、、.main{width:100%;height:400px;background:red;} ?

已采納回答 / 小小幻術師
題主是說左右兩個div中英文無法換行嗎?這個如果左右是中文可以自動換行,英語需要加word-wrap:break-word;

已采納回答 / 動感光波擋不住
對于position:absolute來說,position是根據父元素的邊距來尋找定位,如果沒有父元素,則依據body也就是窗口定位,right:0px使得position依照body窗口右側,故不會另起一行

最贊回答 / qq_Absurdyears_0
你問題中:margin:0 310px 210px,這個的寫法表現出來的結果是,上為0,右左為310,下為210,所以顯示結果邊距不一樣,你下邊的margin:0 310px 0 210px,表現出來的結果是,上為0,右為310,下為0,左為210 ,所以可以正確顯示
課程須知
1.你需要掌握html+css樣式基礎知識 2.有一定的前端實際開發經驗
老師告訴你能學到什么?
1.掌握網頁布局的相關知識 2.能對不同的網頁進行布局結構劃分 3.掌握固定寬度和自適應寬度的實現方法

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消