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

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

如何用CSS进行网页布局

全部评论问答未解决精华

任务4.footer{width:100%; height:50px; background:#9F9; clear:both;}

最新回答 / 挨踢大神

footer{width:auto; height:50px; background:#9F9; clear:both;}width值要设置成auto才是自适应浏览器宽度。而不是100%。

2 回答 796 浏览 5-2 实践题

2016-09-15

Stup1d3827839

.top{width:100%;height:80px;background-color:gray;}
.main{width:100%;height:500px;background-color:red;}
.left{ width:200px;height:500px;background-color:blue;float:left;}
.right{height:500px;background-color:green;position:absolute;left:210px;right:0px;}

0 5-3 编程挑战

2016-09-15

qq_慕尼黑2351491

.top{height:80px; width:500px; background:#ccc;}
.main{height:300px; width:500px;background:#f00;}
.left{height:300px; width:130px;background:#00f;float:left;}
.right{height:300px; width:360px;background:#9c9;float:right;}
.foot{height:40px; width:500px; background:#f63;}

0 5-3 编程挑战

2016-09-15

qq_慕尼黑2351491

用代码 position:absolute; 替换【任务1】
用代码 margin:0 310px 0 210px; 替换【任务2】
用代码 right:0;top:0; 替换【任务3】

1 4-3 编程练习

2016-09-15

老师您用的是那个开发软件?

最新回答 / 天凡云

Dreamweaver ，网上都有下载的

2 回答 306 浏览 2-1 一列布局

2016-09-15

精慕门4137357

.head,.main{ width:960px; margin:0 auto}
.left{ width:220px; height:600px; background:#ccc; float:left}
.r_sub_right{ width:200px; height:600px; background:#9FC; float:right}
.footer{ height:50px; background:#9F9; clear:both}

0 5-3 编程挑战

2016-09-15

怎样修改才能把中间的红颜色露出一丢丢，求大神指点

最赞回答 / 慕粉1473412646

.right{height:800px;background:green;position:absolute;left:210px;right:0;}

6 回答 1026 浏览 5-3 编程挑战

2016-09-14

qq_我踹了你一脚并_03711706

好多小伙伴都在这学习，大家一起努力一起进步吧，加油

3 3-3 编程练习

2016-09-14

220px 和580px是怎么算出来的？

已采纳回答 / 黑白先森

800=220+580 当然数值可以随便写，不过两数值相加等于800即可

3 回答 2391 浏览 3-1 二列布局

2016-09-14

为什么没有出现Top部分？

已采纳回答 / 黑白先森

原因是你代码打错了，清除默认样式那里

3 回答 814 浏览 2-1 一列布局

2016-09-14

默默一片黑

加++++

2 1-1 内容简介

2016-09-13

43_小白

方法一：.footer{ width:100%;height:50px; background:#9F9; overflow:hidden;}
方法二：.footer{height:50px; background:#9F9; clear:both;}

2 5-2 实践题

2016-09-13

fengxiansheng

.left{ width:200px; height:600px; background:#ccc;position:absolute; left:0; top:0}
.main{ height:600px;background:#9CF;margin:0 210px 0 310px;}
.right{ height:600px; width:300px; position:absolute; top:0; right:0; background:#FCC;}

0 4-3 编程练习

2016-09-13

放弃过

题目不严谨啊：
.top{height:100px;background-color:#ccc;}
.main{height:500px;background-color:red;}
.left{ width:200px;height:500px;background-color:blue;float:left;}
.right{margin-left:210px;height:500px;background-color:#9c9;}
.foot{height:50px;background-color:#f63;}

0 5-3 编程挑战

2016-09-12

时间时钟

.head,.main{ width:960px; margin:0 auto;}/*【任务1】*/
.left{ width:220px; height:600px; background:#ccc;float:left; }/*【任务2】*/
.r_sub_right{ width:200px; height:600px; background:#9FC; float:right;}/*【任务3】*/
.footer{ height:50px; background:#9F9;clear:both; }/*【任务4】*/

2 5-2 实践题

2016-09-12

Funnythan0

声音跟蚊子一样，其它都挺好！

0 1-1 内容简介

2016-09-12

首页上一页 73 74 75 76 77 78 79 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空