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

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

如何用CSS进行网页布局

全部评论问答未解决精华

wo45136

知道了网页布局，谢谢江老师讲解

1 5-3 编程挑战

2016-07-01

藤井树_z

声音也太小了吧。我都开平时声音的2倍了还是很小

1 1-1 内容简介

2016-07-01

扎克悟空

.main{width: 100%; height: 500px; background:red; position:relative;}
.left{width: 200px; height: 100%; background: blue; position: absolute; top: 0;}
.right{height: 100%; background: #AED581; margin-left:210px;}
.foot{width: 100%; height: 50px; background:#ff8040;}

0 5-3 编程挑战

2016-07-01

卡妙

老师讲得非常好

0 5-2 实践题

2016-07-01

慕娘5454928

给老师点赞

0 5-1 混合布局

2016-06-30

慕莱坞8322415

.right{margin-left:210px;width:100%;height:300px;background:green;position:absolute;}
里面margin-left就是margin：0 0 0 210px

0 5-3 编程挑战

2016-06-30

qq_蝉蝉_03580220

.top{height:100px;background:grey}
.main{height:800px;margin:0px;background:red;}
.left{width:20%;height:800px;float:left;background:blue}
.right{width:79%;height:800px;float:right;background:green}
.foot{height:100px;background:orange;}

1 5-3 编程挑战

2016-06-30

候鸟199011

参考答案应该达不到要求的效果吧，div默认是块级元素，上下排列，使用浮动或者定位才能使其左右排列哦。

2 5-3 编程挑战

2016-06-30

Keasy5

body{ margin:0; padding:0; font-size:30px; color:#fff}
.top{ width:100%, height:300px; background:gray;}
.main{background:red; height:900px;}
.left{ width:29%;height:700px;background:blue; float:left;}
.right{width:70%;height:700px;background:green;float:right;}
.foot{background:orange; clear:both;}

0 5-3 编程挑战

2016-06-28

好多事的撒旦

.top{height: 100px;background: #ccc;}
.main{height: 500px;width:100%;background:red;}
.left{ height:500px; width: 20%;background: blue;float:left}
.right{height: 500px;width:78% ;background: greenyellow;float: right;}
.foot{height:50px;background: orangered;}

0 5-3 编程挑战

2016-06-28

菲婓翡废铁

声音好小啊

2 1-1 内容简介

2016-06-28

鱼鱼尔

很好感谢^ω^老师

2 5-1 混合布局

2016-06-28

微笑de迪妮莎

css的学习必须仔细加耐心。建议先将单独的元素情况都实现一遍，不然后面出现多个元素的时候就容易思路不清除。接着就是拿psd图来实现，我第一个psd图花了我12个小时。

3 5-3 编程挑战

2016-06-28

qyy2499760117_叶子

.top{width:800px; height:80px; background:#ccc;margin:0 auto;}
.main{width:800px;height:500px;background:red;margin:0 auto;}
.left{ width:200px;height:500px;background:blue;float:left;}
.right{width:590px;height:500px;background:pink;float:right;}

1 5-3 编程挑战

2016-06-28

qyy2499760117_叶子

受教了，不错不错。

0 4-3 编程练习

2016-06-28

首页上一页 65 66 67 68 69 70 71 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

如何用CSS进行网页布局