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

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

如何用CSS進行網頁布局

江老實 Web前端工程師
難度初級
時長22分
學習人數
綜合評分9.60
1991人評價 查看評價
9.8 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
http://codepen.io/anon/pen/QbOQrp
http://codepen.io/anon/pen/rVYJpJ
http://codepen.io/anon/pen/aOVqyK
布局：版式布局，是網頁UI設計師將有限的視覺元素進行有機的排列組合。
我把任務123幾個字刪了，就能正確顯示了。這是幾個意思
.left{ width:200px; height:600px; background:#ccc;position:absolute; left:0; top:0}
.main{ height:600px;margin:0px 310px 0px 210px; background:#9CF}
.right{ height:600px; width:300px; position:absolute; top:0; right:0; background:#FCC;}
各位都好厲害啊
.top{width:100%; height:50px;background:gray;}
.main{width:100%; height:300px;background:red;}
.left{width:200px;height:300px;background:blue;position:absolute;}
.right{margin-left:210px;width:100%;height:300px;background:green;position:absolute;}
.foot{width:100%; height:50px;background:#369;}
.left{width:200px;height:600px;background-color:blue;float:left;}
.right{width:100%;height:600px;background-color:green;position:absolute;left 0;margin-left:210px;}
為什么都用到了絕對定位？在.right{height:300px;width:300px;background-color:green;float:right;}直接一個右浮動就可以解決啊。
不知道為什么，那么多昂~~
為什么聲音這么??？
大家看一下“昂”
清除浮動 clear:both;
.top{width:auto;background:#ccc;height:100px;}
.main{background:#f00;height:600px;}
.left{ background:blue;width:200px;height:600px; float:left;}
.right{background:green;height:600px; position:absolute;right:0px; left:210px;}
.foot{height:100px;width:auto; clear:both;background:#ccc;}
首頁上一頁118119120121122123124下一頁尾頁
課程須知
1.你需要掌握html+css樣式基礎知識 2.有一定的前端實際開發經驗
老師告訴你能學到什么？
1.掌握網頁布局的相關知識 2.能對不同的網頁進行布局結構劃分 3.掌握固定寬度和自適應寬度的實現方法

微信掃碼，參與3人拼團

微信客服

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

 幫助反饋 APP下載

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

 公眾號

掃描二維碼
關注慕課網微信公眾號
友情提示：

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

本次提問將花費2個積分

你的積分不足，無法發表

為什么扣積分？

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分？

舉報

0/150
提交
取消