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

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

如何用CSS进行网页布局

全部评论问答未解决精华

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

慕慕039548

.top{height:100px;background:gray;}

.main{height:500px;background:red;}

.left{width:200px;height:500px;background:blue;float:left;}

.right{width:calc(100% - 210px);height:500px;background:green;float:right;}

.foot{height:50px;width:100%;background:yellow;}
正解

0 5-3 编程挑战

2017-10-16

慕妹1045340

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

0 5-3 编程挑战

2017-10-16

慕粉3560836

.top{height:100px;background:gray;}
.main{height:500px;background:red;margin:0 auto;}
.left{width:200px;height:500px;background:blue;position:absolute;top:100px;left:0;}
.right{height:500px;background:#7D9EC0;margin:0 0 0 210px;}
.foot{height:100px;background:#FF8C00;clear:both;}

0 5-3 编程挑战

2017-10-13

悲剧丶不上演

body{ margin:0; padding:0; font-size:30px; font-weight:bold}
div{ line-height:50px}
.left{ width:200px; height:600px; background:#ccc; float:left;}

.main{ height:600px; background:#9CF; margin-right:300px}

.right{ height:600px; width:300px; background:#FCC; position: absolute;top:0;right:0}也可以

1 4-1 三列布局

2017-10-13

慕粉3560836

思维不活跃不行啊 margin:0 310px 0 210px;

1 4-3 编程练习

2017-10-12

天边一彩虹

突然变大声，吓死

3 2-1 一列布局

2017-10-11

慕无忌3281490

刘易明要好好学习改变自己要不负众望

2 1-1 内容简介

2017-10-11

首页上一页 8 9 10 11 12 13 14 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

如何用CSS进行网页布局