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

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

如何用CSS進行網頁布局

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

已采納回答 / 程序媛ing
若沒加float:right,那么.right就是在正常文檔流里面,就默認靠左。而float:left使.left脫離文檔流,”浮“在.right上面,就遮擋了一部分.left,因此.left就短了一截。你可以把.left的height改小一些,就會發現它其實是把.left遮蓋了。

已采納回答 / 渠清
你看看你是不是用了浮動(float)

已采納回答 / 胡明桂
如果不加的話,里面div的定位就是對body進行定位了。

已采納回答 / yang877
都不用float,左邊和右邊用絕對定位,中間的那列用margin:left為左列的寬度,right為右列的寬度,top bottom為0;

最新回答 / Chuan_wei
這個案例是不定寬水平居中!沒有設置width屬性所以不能使用margin:0 auto;案例要求是:使main水平居中在瀏覽器中央,并不是嚴格意義上的mian居中。當然了,如果真的要居中的話可以設置body寬度,在設置left,right的寬度,使得main的位置就是body的正中間位置

已采納回答 / ganqibaoqi
第一個錯誤:main 里面 width:100vw?? ?改正:可以去掉第二個錯誤:left設置一個高度 改正:hight:600px;第三個錯誤:right設置一個高度 改正 hight:600px;搞定!!!!!

已采納回答 / qq_笑笑_17
繼承了相鄰元素.main的{margin:0 auto;}屬性

已采納回答 / 黑白呀
用哪個都一樣 DW個人認為在顏色的選擇上更方便 其余都差不多 兩者我都在用 主要用sub

已采納回答 / Even_hui
1.clear: both 的用處就是,清除上方元素“浮動導致高度坍塌”(容器高度為0)。2. 清楚了?clear: both 是用來清除浮動之后:? ? 加入??#footer 上方的元素是設置了 float,或者??#footer 上方的元素的子元素設置了 float,導致高度坍塌,#footer 就會被上方的元素 遮蓋了,導致 #footer?顯示不出來

已采納回答 / 破曉5
main和footer并沒有設置width,你設置一下width:90%

已采納回答 / yan_05
固定布局就是寬度是指定了大小,用px表示;自適應布局的寬度是用百分比表示,表示占當前窗口大小的比例,會隨著窗口大小變化

已采納回答 / Csunnnnn
浮動元素如果不定量設置寬高,則其寬高屬性默認為0值。如果不設定寬高的浮動元素里面有子內容,例如你代碼中的文本right,則浮動元素的寬高由文本right的寬高決定。所以設置了浮動屬性的元素是無法自適應的,必須取消其浮動屬性。你可以試著把你代碼中的height:100%去掉,就會發現.right這個塊縮到了.main的右上角。但要注意的是,如果把浮動屬性去掉,那么.right就會是一個子塊,會占滿整個.main塊,因為這個時候你設置的高度是100%,同父級塊,而塊元素是要單獨占一行的。于是.left塊就會被...
課程須知
1.你需要掌握html+css樣式基礎知識 2.有一定的前端實際開發經驗
老師告訴你能學到什么?
1.掌握網頁布局的相關知識 2.能對不同的網頁進行布局結構劃分 3.掌握固定寬度和自適應寬度的實現方法

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消