狠狠天天天综合导航,人人澡狠狠澡天天澡

首頁免費課如何用CSS進行網頁布局問答

如何用CSS進行網頁布局

全部評論問答未解決精華

慕少5092935

.top{height:200px;background:#CCCCCC;}
.main{height:600px;background:red;position:relative;}
.left{width:200px;height:600px;background:#0000FE;position:absolute;top:0px;left:0px;}
.right{height:600px;background:#9ACC99;margin-left:210px;}
.foot{height:200px;background:#FF6634}

0 5-3 編程挑戰

2017-07-17

慕粉1606344302

.top{width:960px;margin:0 auto;background:#ccc;}
.main{width:960px;margin:0 auto;}
.left{float:left;width:297px;background:blue;border-right:3px solid red;height:500px;}
.right{float:right;width:660px;background:green;height:500px;}
.foot{width:960px;height:50px;margin:0 auto;background:#123;}

0 5-3 編程挑戰

2017-07-17

梧桐囈語

.top{height:100px;background:grey}
.main{width:1000px;height:600px;background:#ed1c24;margin:0 auto}
.left{width:300px;height:600px;background:blue;float:left}
.right{width:690px;height:600px;background:#3cb878;float:right;}
.foot{height:50px;background:#c88614;}

0 5-3 編程挑戰

2017-07-15

梧桐囈語

.left{ width:200px; height:600px; background:#ccc; position:absolute; left:0; top:0}
.main{ height:600px; background:#9CF;margin:0 310px 0 210px}
.right{ height:600px; width:300px; position:absolute; top:0; right:0; background:#FCC;}

4 4-3 編程練習

2017-07-15

鏡像__夢ing

說實話，在觀看的基本上都是新手，頁面處理的要明顯點，比如剛才說到嗎父級main，現在是做頁面效果，應該加個border，更加形象，兩列顯示在里面。我就是說說自己觀點，勿噴。慕課網我一直很支持的，加油。

2 3-1 二列布局

2017-07-15

慕函數9061126

.top{height:200px;background:orange;}
.main{height:600px;background:#f2f2f2;}
.left{height:600px;width:200px;background:blue;float:left;}
.right{height:600px;background:green;float:right;}
.foot{background:purple;}

0 5-3 編程挑戰

2017-07-13

慕函數9061126

狀態三種，塊挨著塊，塊包含著塊，塊疊加著塊

3 5-1 混合布局

2017-07-13

AllySu

只說要浮動，為什么不浮動布局效果就亂了？

0 5-1 混合布局

2017-07-12

慕妹0724561

想要中間有空隙可以把.main里的width改大一點因為藍色和粉色的大小已經擠滿了所以沒有空隙只有改大main才可以有空隙

0 3-3 編程練習

2017-07-11

執筆弄風月

過于簡單了

2017-07-09

狗爾gouer

不錯，挺不錯

2017-07-07

Missingyo

.top{width:100%;height:20vh;background:gray;}
.main{width:100%;background:red;display:flex;flex-direction:row-reverse;}
.left{width:200px;height:70vh;background:blue}
.right{width:100%;height:70vh;background:green;margin-left:10px;}
.foot{height:10vh;width:100%;background:orange;}

1 5-3 編程挑戰

2017-07-06

詩話小鎮

.left{ width:200px; height:600px; background:#ccc; position:absolute; left:0; top:0}
.main{ height:600px; margin-left:210px;margin-right:310px; background:#9CF}
.right{ height:600px; width:300px; position:absolute; top:0;right:0; background:#FCC;}
效果一樣的，但不知道main算不算水平居中，看上去沒毛病

0 4-3 編程練習

2017-07-05

qq_隨心_82

改變運行 37 38代碼順序再做。這里好像錯了

0 5-3 編程挑戰

2017-07-04

艾零

慕課給的代碼錯了不設置定位 left會被擠下去

0 5-3 編程挑戰

2017-07-04

首頁上一頁 15 16 17 18 19 20 21 下一頁尾頁

該課程已下架

課程須知: 1.你需要掌握html+css樣式基礎知識 2.有一定的前端實際開發經驗

老師告訴你能學到什么？: 1.掌握網頁布局的相關知識 2.能對不同的網頁進行布局結構劃分 3.掌握固定寬度和自適應寬度的實現方法

微信掃碼，參與3人拼團

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

熱搜

最近搜索清空

如何用CSS進行網頁布局