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

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

如何用CSS進行網頁布局

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

已采納回答 / ArrayZoneYour
margin屬性其實是一個簡寫,它的展開式是margin-top, margin-right, margin-bottom, margin-left所以margin參數是四個的時候是順時針設定各個margin的值.

已采納回答 / qq_猜不透_8
添加樣式 margin:0 auto;就可以實現main和footer居中對齊

已采納回答 / nishigui
我也出現了同樣的問題,但是這個代碼我在dw上寫了,都顯示出來了,所以我覺得應該不是代碼的問題。遇到這種問題找不到為啥的先換個地方寫一下,再說吧。望采納。

已采納回答 / 慕勒4413983
.main{width:100%;height:600px;background:#00F; position:relatve}.left{ width:200px;height:600px;background:#3CC; ;top:0; left:0}.right{width:80%;height:600px;background:#F33; margin-left:210px;position:absolute}可以回顧一下相對定位與絕對定位

已采納回答 / Hbrsql
"margin-left:210px;"可以使.right DIV右移210px,已達到實踐的效果.position:abosolute;right:0;top:100px;也能達到同樣的效果.要實現同一種效果,可能有好多種方式,選擇自己認為較優的即可.

已采納回答 / MrRon
定位錯了:posiition:absolute;

已采納回答 / 愷大帝
顏色后面加上;

已采納回答 / 慕粉4013882
在html里面先寫right ?再寫 left就行了啊??

已采納回答 / lsnFor
首先你要理解文檔流和浮動:文檔流:自上而下,從左到右。浮動(兩張紙疊放,最下面的是文檔流,上面的是浮動元素的位面):脫離文檔流。然后分析問題:top元素的子元素head,高度100px,存在于文檔流中main元素的子元素left,right高度600px,浮動,脫離文檔流footer元素,高度100px,存在于文檔流中。文檔流(底層)top元素后緊跟footer元素,并不受浮動元素影響,因為不在同一個位面。

已采納回答 / stone310
relative是相對定位,占空間,absolute絕對定位,不占空間;right塊寬度問題發下代碼

已采納回答 / 天生我才必有用哈
標簽加上float屬性后,會脫離文檔流顯示在文檔流的上面,就是后加載

已采納回答 / 拴栓
這樣一串連續的字符會被創建為一個無名塊框,如果中間沒有空格,默認不會換行,可以改變換行機制,對middle設置word-wrap: break-word; 讓其強制換行,即使沒有空格也換行,一般連續的一串字符是一個單詞(word),所以是break-word;也可以設置overflow:hidden或者overflow:auto,這樣會自動隱藏溢出的內容或者出現滾動條;

已采納回答 / 慕沐9651679
你的right部分 ?position:absolute ?只有設置了top:0,未定義left 和right,則默認值為auto。如果left或right的值為auto,則元素的頂端或者左邊(從左往右讀)要相對于其未定位前本來的頂端或左邊對齊。

已采納回答 / 慕勒6241362
看看這個有沒有幫助http://www.cnblogs.com/iyangyuan/archive/2013/03/27/2983813.html

已采納回答 / 慕尼黑6530071
clear:both對于父包含沒有效果,只適用于緊鄰后面的元素
課程須知
1.你需要掌握html+css樣式基礎知識 2.有一定的前端實際開發經驗
老師告訴你能學到什么?
1.掌握網頁布局的相關知識 2.能對不同的網頁進行布局結構劃分 3.掌握固定寬度和自適應寬度的實現方法

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消