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

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

如何用CSS进行网页布局

全部评论问答未解决精华

ermazi

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

0 5-3 编程挑战

2017-11-04

丶归途

.top{width:100%;height:200px;background:#f23;}
.main{width:100%;height:400px;background:red;}
.left{width:25%;height:100%;background:blue;float:left;}
.right{width:70%;height:100%;background:#323303;float:right;}
.foot{width:100%;height:200px;background:orange;}

0 5-3 编程挑战

2017-10-30

丶归途

float:none;不行吗？为啥要这么复杂？

0 5-2 实践题

2017-10-30

慕数据6397341

上面的代码没有给main设置高度，而main里的内容又设置成了浮动，所以footer会跑到head的下面。

解决方法有3个：1.清除浮动， clear:both;

2.为main设置高度， .main{

width:860px;height:600px;margin:0 auto;background:#9FC;

}

3 footer自己设置margin高度600px:
.footer{ height:50px; background:#9F9; margin:600px 0 0 0;}

6 5-2 实践题

2017-10-27

qq_夕阳残雪_1

看懵逼了，都是英语单词

0 5-2 实践题

2017-10-25

qq_夕阳残雪_1

把第八行代码删除，9 10 11的任务文字删除，9行；position：absolute，10行：margin：0 310px 0 210px ，11行：right：0

1 4-3 编程练习

2017-10-25

知名奶爸

慕课网实在是慢

0 3-1 二列布局

2017-10-25

AllySu

系统自带bug,中间右栏因为自适应宽度，突出一部分了。还有一个点不明白，为什么main的样式不需要相对定位position:relative?

2 5-3 编程挑战

2017-10-24

AllySu

技术与艺术的融合

0 1-1 内容简介

2017-10-24

fengyunzhu

右侧（right）先加载，左侧（left）后加载其实就是右侧的写在前面，这时就不能用float了，老师想考察你们绝对定位position:absolute

1 5-3 编程挑战

2017-10-23

Hugh_33

完结撒花！

0 5-3 编程挑战

2017-10-23

慕丝5047818

.main{ width:980px; height:600px; margin:0 auto;background:white;}
.left{ width:290px; height:600px; background:#ccc; float:left;}/*左浮动样式*/
.right{ width:650px; height:600px; background:#FCC; float:right;}/*右浮动样式*/

0 3-3 编程练习

2017-10-21

RichieHsia

其实老铁这是山东口音，东营那边就在句尾说“啊”，表示向对方强调和确认刚才的话

2 5-1 混合布局

2017-10-21

慕无忌8082579

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

0 5-3 编程挑战

2017-10-18

苏iapy

不能在同一行的，是因为position:absolute;left:0;top:0; 标点符号没写对。

注意：
position后面是英文的　:

0 4-3 编程练习

2017-10-17

首页上一页 16 17 18 19 20 21 22 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

如何用CSS进行网页布局