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

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

如何用CSS进行网页布局

全部评论问答未解决精华

平__凡

太适合我这种小白看了！！！谢谢老师！

0 2-1 一列布局

2016-08-01

慕工程2371424

中间也要用绝对定位，否侧会有空隙。

0 4-3 编程练习

2016-08-01

慕桂英4515153

.top{height: 100px;background:#cccccc;}
.main{background:red;height:600px;position:relative;}
.left{ width: 200px;height:600px;background:blue;position:absolute;}
.right{width:100%;height: 600px; position: absolute;left:210px;top:0;background:#9acc99;}
.foot{background:#F63;width: 100%;height:50px;}

1 5-3 编程挑战

2016-08-01

皓韵儿

声音有点小~~~~~

0 1-1 内容简介

2016-07-31

qq_你是一具枯骨_03725119

.top{ height:100px; background:#ccc;}
.main{ height:600px;background:red;position:relative;}
.left{width:200px; height:600px;background:blue;position:absolute; left:0;top:0; }
.right{height:600px;margin-left:220px;background:#fcc; }
.foot{ height:100px;background:#999000;}

0 5-3 编程挑战

2016-07-31

炮姐一生推

标准答案：
.top{background:#ccc;height:70px;}
.main{background:red;height:300px;position:relative;}
.left{background:blue;height:300px;position:absolute;top:0;width:200px;}
.right{background:#9C9;height:300px;margin-left:210px;}
.foot{background:#F63;}

1 5-3 编程挑战

2016-07-31

慕神0829236

为啥我学不进去

0 3-1 二列布局

2016-07-28

爱吃牛肉的政

.top{width:100%;height:200px;background:gray;}
.main{width:100%;height:800px;background:red;margin:0 auto;position:relative;}
.left{position:absolute;top:0;left:0;width:290px;height:800px;background:blue;}
.right{margin-left:300px;height:800px;background:olive;}

0 5-3 编程挑战

2016-07-28

橘子和柠檬

.top{width:100%; height:200px; background-color:grey;}
.main{width:100% height:600px; background-color:red;}
.left{width:200px; height:600px; background-color:blue; float:left;}
.right{height:600px; background-color:green; margin-left:210px;}
.foot{width:100%; height:100px; background-color:yellow;}

0 5-3 编程挑战

2016-07-27

陪你Sunset

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

0 5-3 编程挑战

2016-07-27

橘子和柠檬

任务1position:absolutely;任务2margin:0 310px 0 210px;任务3right:0;

2 4-3 编程练习

2016-07-26

神王葬天

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

0 5-3 编程挑战

2016-07-26

慕粉3726649

.top{height:50px;background:#ccc;}
.main{height:600px;background:red;}
.left{width:200px;height:600px;position:absolute; left:0;background:blue;}
.right{height:600px;position:absolute; right:0;left:210px; background:#9acc99;}
.foot{background:#ff6634;width:100%; height:50px;}

0 5-3 编程挑战

2016-07-26

im肖

这课讲得挺好，布局思想

2016-07-26

qq_好嘛_1

强烈建议出响应式布局的这种课程

2016-07-26

首页上一页 59 60 61 62 63 64 65 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

如何用CSS进行网页布局