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

首页免费课如何用CSS进行网页布局问答

如何用CSS进行网页布局

全部评论问答未解决精华

镜心o

.top{height: 100px;background: #ccc;}
.main{height: 500px;background: red;}
.left{width: 200px;height: 500px;background: blue;position: absolute;top:100px;}
.right{height: 500px;background: cyan; margin-left: 220px;}
.foot{height: 50px;background: orange;}

2017-04-27

小董君同学

块压着块，块套着块，块压着块，老师总结的真精辟！

0 5-1 混合布局

2017-04-26

慕仰8462426

.top{width:100%;height:150px;background:red;}
.main{height:500px;width:200px;background:green;}
.left{ height:500px;width:150px;position:absolute;top:150px;background:blue;}
.right{width:100%;height:500px;position:absolute;left:200px;background:gray;}
.foot{width:100%;height:100px;background:pink;}

0 5-3 编程挑战

2017-04-25

慕粉3453327

要把任务文字删除掉才会有正确的结果

0 4-3 编程练习

2017-04-24

X磊_0

要求右侧（right）先加载，左侧（left）后加载:就是在主体<body>中,right写在前面，left写在后面，因为html解析时是从上往下的。

1 5-3 编程挑战

2017-04-21

weibo_Amber趙紅英_0

把代码敲下来，用自己的浏览器看就好了

0 4-3 编程练习

2017-04-18

qq_明明千秋_0

简单点
.top{background-color:gray; margin:0 auto; height:100px;}
.main{background-color:red;}
.left{background-color:blue; width:200px; height:600px;}
.right{background-color:green; width:100%; height:600px;position:absolute;left:210px;}
.foot{background-color:yellow; margin:0 auto;}

0 5-3 编程挑战

2017-04-17

AllySu

main没有高度,而left，,right块被设置成了浮动,则main是没有内容的，缩略为无限小的一个点,footer块自然填充上去。

1 5-2 实践题

2017-04-16

jarvisss

.top{ height:100px; background:#CCC;}
.main{ height:500px; background:#F00; background-color:#F00}
.left{ width:200px; height:500px; background:#00F; position:absolute; top:100px; left:0}
.right{ margin-left:210px; height:500px; background:#9C9;}
.foot{ height:50px; background:#F00;}

1 5-3 编程挑战

2017-04-15