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

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

如何用CSS进行网页布局

全部评论问答未解决精华

慕慕039548

.top{height:100px;background:gray;}

.main{height:500px;background:red;}

.left{width:200px;height:500px;background:blue;float:left;}

.right{width:calc(100% - 210px);height:500px;background:green;float:right;}

.foot{height:50px;width:100%;background:yellow;}
正解

0 5-3 编程挑战

2017-10-16

慕妹1045340

.top{height:100px;background:#ccc;}
.main{background:red;height:600px;}
.left{width:200px;height:600px;position:absolute;left:0;top:100px;background:pink;}
.right{background:green;height:600px;margin:0 0 0 210px;}
.foot{height:100;background:blue;}

0 5-3 编程挑战

2017-10-16

慕粉3560836

.top{height:100px;background:gray;}
.main{height:500px;background:red;margin:0 auto;}
.left{width:200px;height:500px;background:blue;position:absolute;top:100px;left:0;}
.right{height:500px;background:#7D9EC0;margin:0 0 0 210px;}
.foot{height:100px;background:#FF8C00;clear:both;}

0 5-3 编程挑战

2017-10-13

悲剧丶不上演

body{ margin:0; padding:0; font-size:30px; font-weight:bold}
div{ line-height:50px}
.left{ width:200px; height:600px; background:#ccc; float:left;}

.main{ height:600px; background:#9CF; margin-right:300px}

.right{ height:600px; width:300px; background:#FCC; position: absolute;top:0;right:0}也可以

1 4-1 三列布局

2017-10-13

慕粉3560836

思维不活跃不行啊 margin:0 310px 0 210px;

1 4-3 编程练习

2017-10-12

天边一彩虹

突然变大声，吓死

3 2-1 一列布局

2017-10-11

慕无忌3281490

刘易明要好好学习改变自己要不负众望

2 1-1 内容简介

2017-10-11

怎么设置自适应宽度呢？

最新回答 / 慕移动9181930

利用颜色的16位进制代码加#号转化成颜色你说的系统是指？提出来，共同研究

3 回答 1795 浏览 2-1 一列布局

2017-10-01

桃l花

要求右侧（right）先加载，左侧（left）后加载.
这句话就是html结构中
<div class="main">
<div class="right">right</div>
<div class="left">left</div>
</div>
上面的带码有没有发现在先写的right后写的 left，
因为代码是顺序执行的，所以也就是题目要求中的右侧（right）先加载，左侧（left）后加载

3 5-3 编程挑战

2017-09-30

骑着蜗牛play

.top{height:60px;background-color:#eee;}
.main{height:600px;background-color:red;}
.left{float:left;width:20%;height:600px;background-color:blue;}
.right{float:right;width:75%;background-color:#9acc99;height:600px;}
.foot{height:25px;background:#ff6634;}

1 5-3 编程挑战

2017-09-29

qq_会飞的土豆_1

啊昂阿

1 4-1 三列布局

2017-09-29

weibo_误是人非_vv_0

.top{height:100px;width:100%;background:#d3d3d3;}
.main{height:600px;width:100%;background:red;}
.left{height:600px;width:200px;background:blue;position:absolute;top:100px;left:0;}
.right{height:600px;background:#90ee90;margin-left:210px;}
.foot{height:50px;width:100%;background:#ff4500;}

0 5-3 编程挑战

2017-09-29