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

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

如何用CSS进行网页布局

全部评论问答未解决精华

慕斯8177278

.top{height:200px;background:red;}
.main{width:800px;height:500px;position:relative;}
.left{ width:200px;height:500px;background:#990;position:absolute;left:0;top:0;}
.right{height:500px;background:#ccc;margin:0 0 0 200px;}
.foot{height:100px;background:green;}

0 5-3 编程挑战

2018-03-25

高新园大仙卷发童子姜聋子

啊啊啊啊啊啊

0 2-1 一列布局

2018-03-23

qq_晓梅_0

非常好，我都按照老师说的，一步一步做出来啦。老师很棒！

2 5-1 混合布局

2018-03-22

锋小伍

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

0 5-3 编程挑战

2018-03-22

huhaha24

设置成margin: opx 310px 0px 210px是因为边界的值是按照顺时针的方向，上右下左的顺序。因为左边和右边都被绝对定位，所以脱离了文档流；之所以是310px和210px是因为210=200+10，其中的200是左边的宽度，加上中间空出来的10px；310也是，依此类推。

1 4-3 编程练习

2018-03-18

HWL_SCH

.main,.footer{ width:650px; margin:0 auto;}
.head{ width:100%; height:100px; background:#ccc}
.main{ height:600px; background:#FCC}
.footer{ height:50px; background:#9CF}

2 2-3 编程练习

2018-03-15

lovei

最后的编程题刚开始思路不明确，参考答案以后还好。

2018-03-15

qq_O世界_0

浮动都不加

3 5-3 编程挑战

2018-03-13

张小厨666

给的答案都是错的这有意思啊／？

2 5-3 编程挑战

2018-03-12

张小厨666

讲真的，教材写的真的随意啊

5 3-3 编程练习

2018-03-12

张小厨666

什么玩意，给的答案是错的

2 2-3 编程练习

2018-03-12

慕梦前来

艺术与技术的展现，，，不错。

0 1-1 内容简介

2018-03-07

Hebin

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

2 4-3 编程练习

2018-03-05

尚善_fish

hihihi

2018-03-03

石头的五月

总是报错，看不下去了

0 5-1 混合布局

2018-03-02

首页上一页 3 4 5 6 7 8 9 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

如何用CSS进行网页布局