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

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

如何用CSS进行网页布局

全部评论问答未解决精华

牛奶怪兽

讲得不错，深入浅出

0 5-1 混合布局

2016-09-20

Tanyacui

body{ margin:0; padding:0; font-size:30px; color:#fff}
.top{height:100px;background:gray;}
.main{height:300px;background:red;}
.right{margin:0 0 0 205px;background:lightgreen;height:300px;}
.left{ width:200px;height:300px;float:left;background:blue;}

.foot{height:60px;background:orange;

0 5-3 编程挑战

2016-09-20

念恋恋琪

.top{width:100%;background:gray;}
.main{width:100%;background:red;position:relative;}
.left{ width:200px;height:500px;position:absolute;top:0;background:blue;}
.right{margin-left:210px;height:500px;background:green;}
.foot{width:100%;background:pink;clear:both;}

0 5-3 编程挑战

2016-09-20

如初_Prime

.top{height:50px; background:gray;}
.main{height:400px;background:red;position:relative; }
.left{ width:200px; height:400px; background:blue;}
.right{height:400px;background:green;margin-left: 210px;position:absolute;}
.foot{ height:50px; background:orange;}

0 5-3 编程挑战

2016-09-20

如初_Prime

0 5-3 编程挑战

2016-09-20

播放器的自动，普清，高清不能选择

最新回答 / 慕移动9181930

不同的版本可能有所不同，重要的是能够正确配置，正常使用^_^一定要注意基础，语法

2 回答 454 浏览 1-1 内容简介

2016-09-20

慕斯6156963

.top{height:100px;background-color:red;}
.main{position:relative;}
.left{width:200px;height:400px;background-color:green;position:absolute;top:0;left:0;}
.right{height:400px;background-color:blue;margin-left:210px;}
.foot{height:50px;background-color:#f60;}

0 5-3 编程挑战

2016-09-19

莎莎思密达

.top{width:100%;height:60px;background:gray;}
.main{width:100%;height:800px;background:red;}
.left{ width:200px;height:800px;background:blue;float:left;}
.right{width:60%;height:800px;background:green;float:right;}
.foot{width:100%;height:60px;background:orange;clear:both;}
ok

0 5-3 编程挑战

2016-09-19

qq_玖零後_0

body{ margin:0; padding:0; font-size:30px; color:#fff}
.top{height:100px; background:#ccc}
.main{background:red;}
.left{ width:200px; height:500px; background:blue;float:left; }
.right{ margin-left:210px;height:500px; background:#9C9;}
.foot{ height:50px; background:#F63;}

2016-09-19

不可以为空

main部分的高度是靠left撑起来的
.top {width:100%; background:grey;height:200px;}
.main{background:red;position:relative;width:100%;}
.left{ background:blue;width:200px;height:700px}
.right{background:green;position:absolute; height:700px;margin:0 0 0 210px;width:100%;}
.foot{background:orange;clear:both;}

0 5-3 编程挑战

2016-09-18

各路大神解答一下

已采纳回答 / 慕少7532173

你的记事本保存时，也应该调整UTF-8，两者不一致就会出现乱码

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

2016-09-18

记忆1943

这是答案！。。。。。。。。。。。。。。表示这哥们做事好容易往简单方面想象

0 5-3 编程挑战

2016-09-16

xing_org1

先加载就是在html中在前面的意思吧

0 5-3 编程挑战

2016-09-16

我是谁从哪来去哪里

.main{width: 100%;height: 800px;position: relative;}
.left{width: 200px;height: 800px;margin-right: 10px;background:blue;position: absolute;left:0;top:0}
.right{height: 800px;background:green;margin-left: 210px;}
.foot{width: 100%;height: 200px;background:yellow;clear:both;}

0 5-3 编程挑战

2016-09-16

记忆1943

听不懂的同学可以先去听《网页布局基础》再回来听还是很好理解的

1 3-1 二列布局

2016-09-16