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

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

如何用CSS进行网页布局

全部评论问答未解决精华

慕粉3222595

右侧先加载，那代码先写右侧的不就行了，浏览器加载不是从上往下加载的吗？不知道对不对，还有觉得这个要求没必要

1 5-3 编程挑战

2016-06-27

慕粉3222595

overflow有用的，写成这样width:100%;overflow:hidden;就行了

1 5-2 实践题

2016-06-27

DMSF

要好好复习下啦！

0 5-3 编程挑战

2016-06-26

欣xin

怎么没有解答呢

0 5-3 编程挑战

2016-06-26

聪明宝贝宝贝

.top{width:100%;background:#ccc;}
.main{width:100%;position:relative;background:red;}
.left{ width:200px;position:absolute;background:blue;top:0px;left:0px;}
.right{background:#02f78e;margin-left:210px;}
.foot{width:100%;background:#ff8040;}

0 5-3 编程挑战

2016-06-26

woider

.top{background-color:gray;height:80px;}
.main{background-color:red;height:500px;}
.left{ background-color:blue;width:200px;height:500px;float:left;}
.right{background-color:green;margin-left:210px; width:100%; height:500px;position:absolute;}
.foot{background-color:orange;height:50px; clear:left;}

0 5-3 编程挑战

2016-06-26

我是远方

声音太小了

0 1-1 内容简介

2016-06-25

寸寸君

老师每句句末都会来个“昂”，感觉在哄小孩子，笑死我了，太温柔了

86 3-1 二列布局

2016-06-25

carryhuihui

.top{height:100px;background:#ccc;}
.main{height:800px;width:1260px;background:red;}
.left{height:800px;background:blue;width:200px;position:absolute;left:0;top:100px;}
.right{height:800px;background:pink;margin-left:220px;}
.foot{height:100px;background:yellow;}</style>

0 5-3 编程挑战

2016-06-25

留白未来

江老师的教程非常简洁明了,条理清晰.高效学习必备!

2016-06-25

聪明宝贝宝贝

.top{width:100%;background:#ccc;}
.main{width:100%;background:red;height:300px;position:relative;}
.left{ width:200px;position:absolute;left:0px;top:0px;background:blue;height:300px}
.right{width:100%;margin-left:210px;background:#f25;height:300px}
.foot{width:100%;clear:both;background:yellow;}

0 5-3 编程挑战

2016-06-25

佳佳兒

老师的“啊”让我有种想继续听他讲下去的冲动。哈哈哈

0 5-1 混合布局

2016-06-24

慕粉3549090

.top{height:100px;background:gray;}
.main{height:600px;position:relative;}
.left{width:200px;position:absolute;background:blue;height:100%;border-right:10px solid red;}
.right{position:absolute;left:210px;height:100%;background:green;width:100%}
.foot{background:orange;height:100px;}

0 5-3 编程挑战

2016-06-23