亚洲AV色婷婷伊人阁,国家产电影一区二区三区,免费Av一区二区三区Av免费

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

如何用CSS進行網頁布局

全部評論問答未解決精華

慕斯8177278

.top{height:200px;background:red;}
.main{width:800px;height:500px;position:relative;}
.left{ width:200px;height:500px;background:#990;position:absolute;left:0;top:0;}
.right{height:500px;background:#ccc;margin:0 0 0 200px;}
.foot{height:100px;background:green;}

0 5-3 編程挑戰

2018-03-25

高新園大仙卷發童子姜聾子

啊啊啊啊啊啊

0 2-1 一列布局

2018-03-23

qq_曉梅_0

非常好，我都按照老師說的，一步一步做出來啦。老師很棒！

2 5-1 混合布局

2018-03-22

鋒小伍

.top{width:100%; height:100px; background:gray;}
.main{width:100%; height:300px; background:red;}
.left{width:200px; height:300px; background:blue; }
.right{height:300px; background:green; position:absolute;left:210px;right:0px;}
.foot{width:100%; height:100px; background:orange;}

0 5-3 編程挑戰

2018-03-22

huhaha24

設置成margin: opx 310px 0px 210px是因為邊界的值是按照順時針的方向，上右下左的順序。因為左邊和右邊都被絕對定位，所以脫離了文檔流；之所以是310px和210px是因為210=200+10，其中的200是左邊的寬度，加上中間空出來的10px；310也是，依此類推。

1 4-3 編程練習

2018-03-18

HWL_SCH

.main,.footer{ width:650px; margin:0 auto;}
.head{ width:100%; height:100px; background:#ccc}
.main{ height:600px; background:#FCC}
.footer{ height:50px; background:#9CF}

2 2-3 編程練習

2018-03-15

lovei

最后的編程題剛開始思路不明確，參考答案以后還好。

2018-03-15

qq_O世界_0

浮動都不加

3 5-3 編程挑戰

2018-03-13

張小廚666

給的答案都是錯的這有意思?。?/div>

2 5-3 編程挑戰

2018-03-12

張小廚666

講真的，教材寫的真的隨意啊

5 3-3 編程練習

2018-03-12

張小廚666

什么玩意，給的答案是錯的

2 2-3 編程練習

2018-03-12

慕夢前來

藝術與技術的展現，，，不錯。

0 1-1 內容簡介

2018-03-07

Hebin

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

2 4-3 編程練習

2018-03-05