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

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

如何用CSS進行網頁布局

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

已采納回答 / EmptySofa
如果不清除浮動,float的元素是脫離了文檔流,那么這個元素原來在文檔流里的位置不會被繼續保留,就會被后來的元素所替代。這個例子中,float的元素的高度要比后來的元素即footer的高度要高,所以footer會被float的元素覆蓋了,如果你把float的元素高度設置的比footer小一點,你就可以看到footer顯出了部分綠色。 那么如果footer的樣式中添加clear的作用是,保留原來float元素在文檔流中的位置,這樣footer元素就不會去替代float元素所在的位置了。

已采納回答 / 趙志廣
這種三列布局 我記得main要在三列的最前面啊 ?最先加載

最新回答 / DCbryant
謝謝,我懂了。thanks

最新回答 / Jerr_Z
是的? 代碼有問題 到本地測試一下代碼

已采納回答 / kingry
沒有空格,系統默認為一個單詞,所以無法換行。數字一樣的道理。

最新回答 / 阿拉不斯加
left的css樣式里面你的position后面的冒號是中文的,改了就應該可以了

已采納回答 / 憶木偶
現在看起來是沒什么影響,但是,一般而言,子元素position:absolute后,都需要父元素設置position:relative ,父元素的相對定位可以使得子元素跟隨父元素的位置來定義,具體可以看看絕對定位的跟隨性

最贊回答 / TWT
第十行 ,.head,.main{ width:960px; margin:o auto;} 中的 margin:o auto 使用了英文字母“o”,應使用阿拉伯數字“0”

最新回答 / 慕田峪7213717
我是這么理解的,因為瀏覽器是按代碼順序解析的,left和right先寫的話就被先漂浮起來脫離了文檔流,這時候middle的margin的參照物就剩下父級的body,所以再左右一定,就完成了這樣的效果。如果先寫middle再寫right,因為middle出現的時候right還沒有浮動,所以middle的marigin-right屬性的參照物還是right,這樣的話300px就等于把middle和right要分開300px,所以right就被擠下去了。

最贊回答 / Song歌
留空白需要左右兩塊相加的寬度小于父級(也就是main)的寬度,題目中的左右寬度正好等于父元素寬度,所以沒有空隙

已采納回答 / 丶小八戒
比如在footer塊元素之前,你有在別的塊元素中設置了左浮動屬性:float:left;然后接著你沒有用語句 clear:both; 去除浮動;那么假如你的footer塊寬度很小的話,那么就會繼續漂浮在上一個標簽塊元素右邊,而不會另起一行。那樣格局就會亂套。
課程須知
1.你需要掌握html+css樣式基礎知識 2.有一定的前端實際開發經驗
老師告訴你能學到什么?
1.掌握網頁布局的相關知識 2.能對不同的網頁進行布局結構劃分 3.掌握固定寬度和自適應寬度的實現方法

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消