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

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

如何用CSS进行网页布局

全部评论问答未解决精华

SWMcalin

我用的chrome浏览器，然而“foot“底部会跟‘’top“重合。。。

0 2-1 一列布局

2016-10-26

qq_丶嘎嘎嘎噶噶_03781556

.top{width:100%;height:50px; background:#666}
.main{ width:100%; height:600px;}
.left{ width:200px; background:#00F;float:left; height:600px; position:absolute;left:0;top:50px;}
.right{ background:#3F0;height:600px; margin:0 0 0 200px;}
.foot{ width:auto;background:#F00}

1 5-3 编程挑战

2016-10-25

meng4182505

.top{width:100%;height:80px;background:#ccc;}
.main{height:400px;background:red;}
.left{width:200px;height:400px;background:blue;position:absolute;}
.right{margin-left:210px;height:400px;background:green;position:absolute;width:100%;}
.foot{height:55px;background:#ff9933;margin-bottom:0;}
这个才完美

0 5-3 编程挑战

2016-10-24

meng4182505

.top{width:100%;height:80px;background:#ccc;}
.main{height:400px;background:red;}
.left{width:200px;height:400px;background:blue;position:absolute;}
.right{margin-left:210px;height:400px;background:green;position:absolute;width:85%;}
.foot{height:55px;background:#ff9933;margin-bottom:0;}
我这个完全没问题过关

1 5-3 编程挑战

2016-10-24

因为是库里呀

哈哈评论区可以的

1 5-1 混合布局

2016-10-24

日影月痕

基础课，很适合入门，听完之后对CSS+DIV布局有了清晰地认识，赞赞赞！

0 5-1 混合布局

2016-10-24

qq_我们伟大的祖国_03328736

有和我一样用 blue yellow red grey的同学么

4 5-3 编程挑战

2016-10-24

浅茉

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

0 5-3 编程挑战

2016-10-24

浅茉

.top{height:80px;background:#ccc;}
.main{height:300px;background:red;}
.left{height:300px;width:200px;background:blue;position:absolute;left:0;}
.right{height:300px;;background:green;position:absolute;left:210px;right:0;}
.foot{height:30px;background:yellow;}

0 5-3 编程挑战

2016-10-24

qq_我们伟大的祖国_03328736

同学们，复制评论代码时，注意单词错误以及中英文符号切换，别问我怎么知道的。正确的-->margin:0 auto;

1 2-3 编程练习

2016-10-24

goodstudy0427

了解了网页布局的基本知识

0 5-3 编程挑战

2016-10-23

一路然然

为right设置相对定位为其子元素设置绝对定位使用外边距或者左右距离定位

0 5-2 实践题

2016-10-22

qq_侠隐听香_03430191

还是得多练啊用的时候就懵了

2016-10-21

duanyi00

.top{width:100%;height:50px;background:gray;}
.main{width:100;height:300px;background:red;position:relative;}
.left{ width:200px;height:300px;background:blue;position:absolute;top:0;left:0;}
.right{height:300px;background:green;margin-left:210px;}
.foot{width:100%;height:50px;background:orange;}

0 5-3 编程挑战

2016-10-21

leslie003

不懂。。。。

0 3-2 评测题目

2016-10-21

首页上一页 40 41 42 43 44 45 46 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

如何用CSS进行网页布局