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

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

如何用CSS進行網頁布局

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

最贊回答 / 沖吧少年
我感覺的話,float就是有點像磁鐵,你用float浮動div,但是在一些情況下,他就算是float:left;還是會出現移位,就好像你用箱子里面放著2塊異性磁鐵,你另一個磁鐵一直不斷靠近它,它被逼到了邊緣,但是,他還是有可能會上下移或者蹦飛起來。而絕對定位的是不會的,絕對定位就像2塊鐵塊,你丟在就是在那,靠近頂多就是緊挨著或者重疊著。這是我的理解,不知道對不對。

最新回答 / qq_叫我小舒就好_03504119
上面的代碼沒有給main設置高度,而main里的內容又設置成了浮動,所以footer會跑到head的下面。

已采納回答 / 一夢到紅樓
在線運行了你的代碼,效果沒錯。代碼的話,不要太深究。沒什么太標準的答案,實現一個界面可以用很多辦法,有時候不去設置利用默認值都能實現效果。。。

已采納回答 / qq_太久也會累_0
這個代碼沒問題,應該是兼容性問題,自己創建一個HTML文件可以正確運行

最新回答 / 十年wf
?float:.left;}/*左浮動樣式*/ ? ?left前面多了一個點,去掉。

最新回答 / T_xbo
4-1課程中,第一個布局是利用浮動,設置三個塊級標簽div寬度33.33%以達到自適應窗口的目的,此時,不存在遮擋問題。第二個布局,是利用絕對定位,將左右塊級標簽脫離文檔流,定位在窗口左右兩側,由于這兩塊div.mian已經脫離了文檔流,中間的div則自動上移,由于左右寬度固定,再設置 .main{margin:0 310px 0 210px;}則可以正常顯示并自適應內容寬度。關于遮擋,是由于瀏覽器解析代碼的時候是自上而下的,左側代碼在上面(先解析),右側代碼在下面(后解析),顯示在窗口中后解析的層級高于...

已采納回答 / 魯晶晶
<style type="text/css">body{ margin:0; padding:0; font-size:30px; color:#fff}.top{height:100px; background:#ccc;}.left{ width:200px;float:left; height:300px; background-color: #9CF}.right{margin-right:210px;background:#F90; width:100%;}.foot{height:...

已采納回答 / 粽子何
300px在那個.right的樣式設置里面,為那個.right的內容寬度。

已采納回答 / 阿喀琉斯5
因為main本身沒有定義寬度~

最新回答 / 王小明大人
我用的ws,也不是大神,覺得好用

最贊回答 / 盯叮町玎仃
已解決,在<...code...>中,加入<...code...>即可

最新回答 / 慕粉4437775
margin-left:210 ,就是距離左邊有210px,向右移動,中間10PX(因為left的width只有200px),是main的背景色,你可以加個看效果
課程須知
1.你需要掌握html+css樣式基礎知識 2.有一定的前端實際開發經驗
老師告訴你能學到什么?
1.掌握網頁布局的相關知識 2.能對不同的網頁進行布局結構劃分 3.掌握固定寬度和自適應寬度的實現方法

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消