国产精品毛片外线视频,狠天天夜夜日日狠狠,亚洲香蕉伊人免费视频

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

如何用CSS進行網頁布局

全部評論問答未解決精華

qq_活著_0

老師風格穩重！喜歡，講的很好。不像有些年輕老師講課和說相聲一樣

1 2-3 編程練習

2018-04-26

weibo_蹦莎卡啦卡耶_0

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

0 5-3 編程挑戰

2018-04-26

1分50秒時，為什么.right的藍框在.foot之下？不應該在foot之上嘛？？

最贊回答 / 慕UI0629160

因為.main的高度固定為600px，而它的兩個子元素的高度也是600px，所以.right是溢出的內容。.right并不是在.foot的下面，而是在.left的下面，只是有一部分與.foot重疊了。

1 回答 1043 瀏覽 5-1 混合布局

2018-04-22

breakit

.left{width:200px;height:600px;background-color:blue;position:absolute;top:100px;left:0;}
.right{
height:600px;
background-color:green;
margin-left: 210px;}

1 5-3 編程挑戰

2018-04-21

qq_愛麗絲小黃雞_0

代碼一position:center;
代碼二float:left;
代碼3 dloat:right;
代碼四float:none;

0 5-2 實踐題

2018-04-20

qq_愛麗絲小黃雞_0

任務一position:absolute;
任務二position:center;
任務3 right:0;

1 4-3 編程練習

2018-04-20

浮云云

講的很好啊

1 4-1 三列布局

2018-04-20

叫我皮卡丘

啊啊啊啊啊~，哈哈

0 2-1 一列布局

2018-04-17

syni

--我就說我右邊的顏色怎么一直出不來，源代碼左浮動多了個括號。。。

6 3-3 編程練習

2018-04-13

qq_月明星稀_8

.top{height:50px;background:gray;}
.main{height:300px;background:red;}
.left{ height:300px;position:absolute;left:0;top:50px;background:blue;width:200px;}
.right{height:300px;margin:0 0 0 205px;background:green;}
.foot{height:50px;background:orange;}照答案反而做得不對，這可以。

2 5-3 編程挑戰

2018-04-12

qq_我有故事你有酒嘛_0

body{margin: 0; padding: 0; width: 100%;}
.mian{width: 30%; height: 400px; float: left; background-color: #ccc; position: relative; left: 10%;}
.left{width: 20%; height: 400px; background-color: blue; float: left;}
.right{width: 30%; height: 400px; background-color: red; float: right;}
熟悉使用百分比做移動適配

1 4-1 三列布局

2018-04-10