如何用CSS进行网页布局_技术问答

首页免费课如何用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 回答 1025 浏览 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