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

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

如何用CSS进行网页布局

全部评论问答未解决精华

现实_不允许

.top{width:auto;background:#ccc;height:100px;}
.main{background:#f00;height:600px;}
.left{ background:blue;width:200px;height:600px; float:left;}
.right{background:green;height:600px; position:absolute;right:0px; left:210px;}
.foot{height:100px;width:auto; clear:both;background:#ccc;}

0 5-3 编程挑战

2015-06-17

csboy2007

感谢，非常清楚，思路很好，就是觉得如果在在三列里头的最后一个块上加一个上下两个区域，就更能说明复杂的布局，其实条理清晰就会很简单。再次感谢。

3 5-1 混合布局

2015-06-17

wolfant

Thanks!

0 5-1 混合布局

2015-06-16

三列自适应布局的问题

+ 我来回答回答最高可+2积分

3 回答 980 浏览 4-1 三列布局

2015-06-16

ZaleLearn

讲错了，淘宝的页面是固定宽度，不是百分比

0 1-1 内容简介

2015-06-16

精慕门4369325

赞赞赞赞赞

1 2-1 一列布局

2015-06-15

顶部没布局

+ 我来回答回答最高可+2积分

2 回答 411 浏览 2-1 一列布局

2015-06-15

unmerlin

呵呵咋跟我的口头禅一样啊

1 2-1 一列布局

2015-06-14

clear:both;是什么东西

已采纳回答 / 成者并非一蹴而就

清除任意任意方向的浮动(一般代指左右浮动);若是清除单边的,,可以使用<...code...>

3 回答 960 浏览 5-3 编程挑战

2015-06-13

答案的代码好像有问题，自己摸索了一下。。。

最赞回答 / 梦灵花儿

.right { height: 500px; background-color: aquamarine; margin-left: 210px; position:absolute;/*脱离文档流，但是 display：inline-block，所以加个宽度 */ width：100%；/*这样就满足自适应了*/ }

4 回答 767 浏览 5-3 编程挑战

2015-06-13

假如不设置main的高度会有什么后果？

+ 我来回答回答最高可+2积分

4 回答 1257 浏览 5-3 编程挑战

2015-06-13

美美美美啊

我在.left{}里面加了position:relative;就能看到右侧粉红色div的效果了

0 4-3 编程练习

2015-06-11

Benny856694

给的答案不对吧, css:
.top{height:100px; background:#ccc}
.main{position:relative}
.left{position:absolute;top:0;left:0; width:200px; height:500px; background:blue; }
.right{ margin-left:210px;height:500px; background:#9C9;}
.foot{ height:50px; background:#F63 }

0 5-3 编程挑战

2015-06-11