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

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

如何用CSS进行网页布局

全部评论问答未解决精华

Joy_Strong

body{ margin:0; padding:0; font-size:30px; color:#000000;}
.top{ height:100px; background:#ccc;}
.left{ width:200px; height:500px; background:blue; position:absolute;}
.right{ margin-left:210px; height:500px; background:#9c9; position:relative;}
.footer{ height:50px; background:#f63;}

0 5-3 编程挑战

2016-05-24

qq_冲_0

老师你讲的的真的挺好的，赞一个

3 5-1 混合布局

2016-05-24

肖潇筱萧3402552

.top{background:#ccc;height:100px;}
.main{width:90%; margin:0 auto;background:red;position:relative;}
.left{ width:200px;background:blue;height:300px}
.right{position:absolute;left:210px;right:0;background:yellow;height:300px;}
.foot{background:orange;height:80px;}

0 5-3 编程挑战

2016-05-24

慕莱坞9844542

老师讲得挺好的，简洁却都是重点，非常喜欢听，谢谢老师！

2016-05-23

墙头草

咋整也是右边多200.。。。

0 5-3 编程挑战

2016-05-23

慕粉3385413

1、position:absolute;
2、margin:0 310px 0 210px;
3、position:absolute; top:0; right:0;

0 4-3 编程练习

2016-05-21

慕粉3385413

声音有点小，我笔记本声音都开满了

1 1-1 内容简介

2016-05-21

醉漾轻舟

.top{width:600px;background:#ccc; margin:0 auto;}
.main{width:600px;background:red;height:300px;margin:0 auto;position:relative;}
.left{ width:200px; height:300px;background:blue;position:absolute;top:0}
.right{height:300px;background:green;margin-left:210px;}
.foot{ width:600px;margin:0 auto;}

0 5-3 编程挑战

2016-05-21

镜心书社

正确答案是 margin:auto; 视频有误

0 2-3 编程练习

2016-05-21

举善安

body{ margin:0; padding:0; font-size:30px; color:#fff}
.top{height:100px;background:gray;}
.main{height:500px;background:red;}
.left{ background:blue;float:left;height:500px;width:200px;}
.right{background:green;float:right;height:500px;width:400px;}
.foot{clear:both;height:50px;background:pink;}

0 5-3 编程挑战

2016-05-20

735330787

把【任务2】删掉就行了

0 4-3 编程练习

2016-05-20

寂寞男孩

讲的真心不错感谢

0 5-1 混合布局

2016-05-19

版神

老师我的三列排列还是不行这三列分成了三行显示

0 4-1 三列布局

2016-05-19

Hatsu魚

声音好小额

1 1-1 内容简介

2016-05-19

爱你的人会吃醋

.top{width:100%;height:80px;background-color:#ccc;}
.main{width:100%;background-color:red;}
.left{ width:200px;height:600px;background-color:blue;position:absolute;top:80px;left:0;}
.right{height:600px;background-color:green;margin-left:210px;}
.foot{width:100%;height:50px;background-color:orange;}

2 5-3 编程挑战

2016-05-19

首页上一页 71 72 73 74 75 76 77 下一页尾页

该课程已下架

课程须知: 1.你需要掌握html+css样式基础知识 2.有一定的前端实际开发经验

老师告诉你能学到什么？: 1.掌握网页布局的相关知识 2.能对不同的网页进行布局结构划分 3.掌握固定宽度和自适应宽度的实现方法

微信扫码，参与3人拼团

热搜

最近搜索清空

如何用CSS进行网页布局