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

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

如何用CSS进行网页布局

全部评论问答未解决精华

MAlways

这是三列布局大家看下呃

0 4-1 三列布局

2016-12-22

must1990

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

0 5-3 编程挑战

2016-12-21

天空的涟漪

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

0 5-3 编程挑战

2016-12-21

qq_Bububalapoom_0

啊~，啊~，啊~，啊~，啊~，啊~，

1 2-1 一列布局

2016-12-21

我要升十级

footer所在的div元素本来就应该在最下边啊，因为任务3用了float：right浮动，.footer中需要清除右边的浮动才能显示出颜色。clear:right;

1 5-2 实践题

2016-12-21

future_18

main 不设置相对定位，是实现不了的吧

0 5-3 编程挑战

2016-12-21

future_18

.top{ height:100px; background:#dbdbdb;}
.main{ position:relative; height:500px; background:red;}
.left{ width:200px; height:500px;background:blue; position:absolute; top:0; left:0;}
.right{ height:500px; margin-left:200px; background:yellow;}
.foot{ height:50px; background:orange;}

0 5-3 编程挑战

2016-12-21

幸福只是个代名词

对你温柔点不好吗？

1 3-1 二列布局

2016-12-19

慕粉1103546261

有三种方法脱离文档流，即：浮动，绝对布局，笃定定位

0 3-2 评测题目

2016-12-19

慕尼黑3043975

特别喜欢老师啊的一下好友亲切感

3 5-1 混合布局

2016-12-18

慕函数5297628

设计首页的第一步是设计版面布局。就象传统的报刊杂志编辑一样，我们将网页看作一张报纸，一本杂志来进行排版布局。虽然动态网页技术的发展使得我们开始趋向于学习场景编剧，但是固定的网页版面设计基础依然是必须学习和掌握的。它们的基本原理是共通的，你可以领会要点，举一反三。

0 4-3 编程练习

2016-12-18

ximen

.top{width:100%;background:grey;height:100px;}
.main{width:100%;height:400px;background:red;overflow: hidden}
.left{width:200px;background:blue;height:400px;
position:absolute;left 0;top 100px;}
.right{height:400px;background:green;float:left;margin-left:210px;width: 100%}

0 5-3 编程挑战

2016-12-18