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

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

如何用CSS进行网页布局

全部评论问答未解决精华

BosenY

.top{height:300px;background:#DBDCDF;}
.main{background:red; }
.left{ height:500px;width:200px;background:blue; position:absolute;left:0;top:300px;}
.right{ height:500px;background:green;margin:0 0 0 230px;}
.foot{height:200px;background:#FFA54F;}

0 5-3 编程挑战

2016-04-05

BosenY

由于main这块没有设置高度，而且left和right被设置成了浮动样式，导致main只是在head下面呈现一条线，所以footer才会在head底下

3 5-2 实践题

2016-04-05

我是谁这和你无关3118090

值描述
left 在左侧不允许浮动元素。
right 在右侧不允许浮动元素。
both 在左右两侧均不允许浮动元素。
none 默认值。允许浮动元素出现在两侧。
inherit 规定应该从父元素继承 clear 属性的值。

0 5-3 编程挑战

2016-04-05

半城Kar

表示只能戴耳机却听不到了啊老湿

0 1-1 内容简介

2016-04-05

霂易

为什么我的只到5.3就没了，是没更新？

2016-04-05

慕UI3551539

最喜欢老师说 “看一下昂看一下昂”

7 4-1 三列布局

2016-04-05

for1

每次听这声音都要射的感觉

1 1-1 内容简介

2016-04-04

吴悔mk

.top{height:100px;background:#ccc;}
.main{background:red;position:relative;height:500px;overflow:hidden;}
.left{height:500px;width:200px;float:left;background:blue;}
.right{height:500px;width:99%; position:absolute;margin:0 0 0 210px;background:#AAE27E;}
.foot{height:50px; background:#E2452F;}

0 5-3 编程挑战

2016-04-03

qq_你微笑时好美_3

.top{height:200px;background:#999;}
.main{height:600px;background:#F00}
.left{ width:200px;height:600px;background:#9C0;position:absolute;left:0;top:200px}
.right{height:600px;background:#03C;margin:0 0 0 210px}
.foot{background:#F90;height:100px}
</style>

1 5-3 编程挑战

2016-04-03

末口糖

.wrap{width:80%;margin:0 auto;background:#6cf;}
.top{width:100%;height:100px;background:grey;}
.main{background:red;overflow:hidden;}
.left{background:blue;width:200px;height:800px;float:left;}
.right{background:green;width:75%;height:800px;float:right;}
.foot{background:orange;}
这种写法放大了没问题，缩小了就很惊奇？

0 5-3 编程挑战

2016-04-03

末口糖

.wrap{width:80%;margin:0 auto;background:#6cf;}
.top{width:100%;height:100px;background:grey;}
.main{background:red;}
.left{background:blue;width:200px;height:800px;}
.right{background:green;width:75%;height:800px;float:right;}
.foot{background:orange;}
这样写对不对？

0 5-3 编程挑战

2016-04-03

末口糖

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

0 4-3 编程练习

2016-04-03

qq_00_19

老师应该把窗口缩小到最小给看看效果，我的把窗口缩小到最小之后，左侧和中间部分的被右侧的覆盖掉了！都一样么，还是我的错了？

1 4-1 三列布局

2016-04-02

缄默蜀黍ONE

评论限定300字数真是醉了

0 5-3 编程挑战

2016-04-02

缄默蜀黍ONE

.top{background-color:#ddd;width:100%;height:60px}
.main{background-color:red;position:relative;height:600px}
.left{background-color:blue;width:200px;height:600px;position:absolute;top:0}
.right{background-color:green;margin-left:210px;height:600px}
.foot{background-color:orange;width:100%}

0 5-3 编程挑战

2016-04-02

首页上一页 81 82 83 84 85 86 87 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

如何用CSS进行网页布局