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

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

如何用CSS进行网页布局

全部评论问答未解决精华

VilleValo

加载顺序的话，我想，原来的代码就已经体现出来了：
<div class="right">right</div>
<div class="left">left</div>
先右后左

2 5-3 编程挑战

2015-11-08

VilleValo

.top{width:100%;height:100px;background:#ccc}
.main{width:100%;height:600px;background:red;position:relative}
.left{width:200px;height:600px;background:blue;float:left}
.right{height:600px;background:#9d9;position:absolute;right:0;top:0;left:220px}
.foot{width:100%;height:80px;background:#F63}

1 5-3 编程挑战

2015-11-08

VilleValo

浮动是跟随的。

0 5-1 混合布局

2015-11-08

lucasfen521

老师的老北京口音萌萌哒！

0 5-1 混合布局

2015-11-07

为什么左右显示没问题，中间显示有问题，颜色也显示不出来，这事什么回事？求解

最新回答 / Pytter

<...code...>

2 回答 459 浏览 4-1 三列布局

2015-11-07

先后加载的

最新回答 / echo_kinchao

有关系的前后关系会影响你js的调用

2 回答 513 浏览 5-3 编程挑战

2015-11-05

Tonyshang

老师讲的超棒！老师辛苦了!

0 5-1 混合布局

2015-11-05

晓健

margin:0 auto;垂直居中

0 2-1 一列布局

2015-11-03

为什么不可以用浮动。。。

最新回答 / 慕田峪7213717

浮动最好要有宽度控制，不然会乱。自适应的话就不行了

2 回答 451 浏览 5-3 编程挑战

2015-11-03

baby_0009

.top{height:60px; background:#ddd; margin:auto;}
.main{height:600px;background:red;margin:0,auto;}
.left{position:absolute;width:200px;background:#0000cd;top:60px;left:0;height:600px;}
.right{position:relative;background:#98f898;left:210px;height:600px;}
.foot{ background:#f74; margin:0,auto;}

0 5-3 编程挑战

2015-11-02