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

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

如何用CSS进行网页布局

全部评论问答未解决精华

熟悉的依然

.head,.main,.footer{width:600px; margin:0 auto;}
.head{ height:100px; background:#ccc; }
.main{ height:600px; background:#FCC;}
.footer{ height:50px; background:#9CF;}

0 2-3 编程练习

2016-02-22

无心学

.top{height:120px;background:gray;}
.main{height:600px;background:red;}
.left{height:600px;width:240px;background:blue;float:left;}
.right{height:600px;width:700px;background:green;float:right;}
.foot{height:60px;background:orange;}
#juzhong{width:960px;margin:0 auto;}

多设置了一个属性用来自动居中，然后用浮动来完成任务要求。

0 5-3 编程挑战

2016-02-21

无心学

margin的属性简写顺序是上右下左。

1 4-3 编程练习

2016-02-21

无心学

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

0 3-3 编程练习

2016-02-21

xiao丶晓

.top{height:100px;background:#ccc;}
.main{width:100%;height:400px;background:red;}
.left{ width:200px;height:400px;position:absolute;left:0;background:blue;}
.right{height:400px;width:100%;margin-left:210px;float:left;background:#99cc98;}
.foot {height:50px;background:#ff6733;}

0 5-3 编程挑战

2016-02-21

xiao丶晓

.footer{ height:50px; background:#9F9; position:absolute;bottom:0;right:0;left:0}

1 5-2 实践题

2016-02-21

吃饺子不给醋

老师最后说的例子没有问题呀，完全是对的。说中间div无法顶上的同学，是没有给body样式重置吧，重置下就好了。

2 4-1 三列布局

2016-02-21

conversekuang

个人认为还是最后，说的经典“都是框与框的关系”。在同级别的情况下，前面占用的像素，后面同级别不会占用；只有在其子类中，才能再次修改框内的属性。因为如果不采用clear:both。在960px之外的<div class=main>会显示出footer的背景色；而footer字体却仍在下方,因为<div class="footer">与<div class="main">是同级，不会改变<div class="main">。所以footer在下方。。。不知对不对。都是基于最经典的话理解的。

0 5-2 实践题

2016-02-20