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

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

如何用CSS进行网页布局

全部评论问答未解决精华

小花丶

听着感觉无力。。。

0 1-1 内容简介

2015-05-29

sunny_day

body{ margin:0; padding:0; font-size:30px; color:#fff}
.top{height:200px;background:gray;}
.main{height:600px;background:red;}
.left{ width:200px;height:600px;float:left;background:blue;}
.right{height:600px;float:right;background:green;}
.foot{width:100px;background:orange;}
</style>

1 5-3 编程挑战

2015-05-28

八戒卖萌

.top{width:600px;height:70px;background: burlywood;}
.main{width: 600px;height: 350px;background-color: red;}
.left{width:200px;height: 350px;background-color: blue; float:left;}

0 5-3 编程挑战

2015-05-23

domico

32个赞。。。。。

1 2-1 一列布局

2015-05-18

北京爱人

还是要多多练习，加油
.top{height:100px;background:grey;}

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

.left{height:500px;width:200px;background:blue; position:absolute;top:0;left:0;}

.right{height:500px;background:green;margin-left:210px;}

.foot{height:50px;background:orange;}

2 5-3 编程挑战

2015-05-18

晕呼呼的小卡

哇咔咔脏自私溜

0 5-1 混合布局

2015-05-14

奔跑吧小虾米

.top{margin:0 auto;background:gray;height:100px;}
.main{margin:0 auto;height:600px;}
.left{width:200px;height:600px;position:absolute;
top:100px;left:0;}评论有300字数限制，所以把背景色属性在此都省略了
.right{background:green;height:600px;margin-left:210px;}
.foot{background:orange;height:60px;}

0 5-3 编程挑战

2015-05-13

奔跑吧小虾米

哈哈，家里有一套印象设备，听起来很棒

0 1-1 内容简介

2015-05-13

lywon

哎,要是谁能说讲讲文档流的原理就好了

0 4-1 三列布局

2015-05-11

myshengun

通俗易懂，适合新手。很赞！

0 5-1 混合布局

2015-05-11

fanqy

.top{height:100px;background:grey;}
.main{height:600px;margin:0 auto;position:relative;background:red;}
.left{height:600px;width:200px;background:blue;float:left;}
.right{height:600px;background:green;position:absolute;left:210px;}
.foot{height:50px;background:orange;}

0 5-3 编程挑战

2015-05-11