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

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

如何用CSS进行网页布局

全部评论问答未解决精华

Summer_夏

6666666666666666666

1 5-1 混合布局

2016-07-14

199129

Like this:
.top{width:100%;background:gray;}
.main{width:100%;background:red;}
.left{width:200px;background:blue;}
.right{margin-left:210px;width:100%;background:green;position:absolute;}
.foot{width:100%;background:#369;}

0 5-3 编程挑战

2016-07-14

franciswsl

代码无误但是看不见效果，把第9行的width改小一点

2 2-3 编程练习

2016-07-14

fujmi

.right{ width:740px; height:600px;background:#FCC; float:right}
.r_sub_left{ width:540px; height:600px; background:#9C3; float:left}
.r_sub_right{ width:200px; height:600px; background:#9FC;float:right;}
.footer{ height:50px; background:#9F9;clear:both;}

0 5-2 实践题

2016-07-14

勇敢的阿道克船长

老师hen亲切a

1 5-1 混合布局

2016-07-13

勇敢的阿道克船长

.main{ width:960px; height:600px; margin:0 auto}
.left{ width:290px; height:600px; background:#ccc; float:left;}/*左浮动样式*/
.right{ width:650px; height:600px; background:#FCC; float:right; }/*右浮动样式*/

1 3-3 编程练习

2016-07-13

勇敢的阿道克船长

.main,.footer{ width:50%; margin:0 auto;}

2 2-3 编程练习

2016-07-13

慕斯卡2354978

声音太小哦

1 1-1 内容简介

2016-07-13

Vzeo丶

老师讲解得很详细很喜欢。

2016-07-12

amian3603284

网站做的有特色！

0 2-3 编程练习

2016-07-12

qq_娴言蜜语_0

显示效果跟老师不一样，检查好多遍，真心不知道错在哪

1 5-1 混合布局

2016-07-12

墨韵凝睇

课程有点简单

0 5-1 混合布局

2016-07-12

kunlan

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

1 5-3 编程挑战

2016-07-11