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

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

如何用CSS进行网页布局

全部评论问答未解决精华

123_456_7

.top{height:100px;background:#ccc;}
.main{height:500px;background:red;position:relative;}
.left{width:200px; height:500px;background:blue; position:absolute;left:0;top:0;}
.right{height:500px;background:#9c9; margin:0 0 0 220px;}
.foot{height:50px;background:#f63;}

0 5-3 编程挑战

2017-05-14

求大神指教

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

4 回答 1049 浏览 3-3 编程练习

2017-05-14

自_迩

好，不错的

2017-05-10

小蜗牛ylp

<div class="right">right</div>
<div class="left">left</div>
先执行right再执行left，就是先加载右侧再加载左侧。也就是说先执行谁就先加载谁~

3 5-3 编程挑战

2017-05-10

小蜗牛ylp

.footer{ height:50px; background:#9F9; overflow:hidden; width:100%;}

0 5-2 实践题

2017-05-10

qq_狂澜_1

题目提供的答案不对，经测试以下代码可以：

.top{height:100px; background:#ccc;width:100%;}
.main{background:red;position:relative;}
.left{ width:200px; height:500px; background:blue;position:absolute;left:0;top:0; }
.right{ margin-left:210px;height:500px; background:#9C9;}
.foot{ height:50px; background:#F63 }

2 5-3 编程挑战

2017-05-07

qq_狂澜_1

按照答案left、right两个div也不能并列啊，left跑下面去了。

0 5-3 编程挑战

2017-05-07

请问这段代码出了什么问题

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

4 回答 1164 浏览 3-1 二列布局

2017-05-06

我这哪里错了？为什么没有实现三列布局

已采纳回答 / 小宝的宝

margin:0 310px 0 210px 0;你的这句编程多了一个0

2 回答 1392 浏览 4-3 编程练习

2017-05-06

慕设计0315230

讲师讲的很不错

2017-05-04

Hale_dh

.top{height:100px; background:#ccc}
.main{height:500px;background-color: red;}
.left{ width:200px; height:500px; background:blue; position:absolute;}
.right{ margin-left:210px;height:500px; background:#9C9;position:absolute;width: 100%}
.foot{ height:50px; background:#F63 }

0 5-3 编程挑战

2017-05-02

中间的这个上面为什么没上去？

已采纳回答 / 菜菜田

错了，不是0px的原因！是因为没有取消body样式。body{ margin:0; padding:0;}

3 回答 1484 浏览 4-3 编程练习

2017-05-02

为什么我的做出来是这样的？？？？

已采纳回答 / 慕娘0759597

语法错误<...code...>

2 回答 1389 浏览 2-2 练习题

2017-05-02

懵懂的输入法

【要求右侧（right）先加载，左侧（left）后加载】的意思就是：编写HTML的代码时应先写class名为right的div，后写class名为left的div

1 5-3 编程挑战

2017-04-28

镜心o

.top{height: 100px;background: #ccc;}
.main{height: 500px;background: red;}
.left{width: 200px;height: 500px;background: blue;position: absolute;top:100px;}
.right{height: 500px;background: cyan; margin-left: 220px;}
.foot{height: 50px;background: orange;}

2017-04-27