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

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

如何用CSS进行网页布局

全部评论问答未解决精华

为什么margin:10 200px 10 300px 相对定位的结果那么奇怪？

最新回答 / 慕移动9181930

相当于选择已有节点保存起来之后赋值，这里目前只是在插入dom之前这么操作。谢谢你的支持，希望能关注后续课程，有任何意见建议也欢迎随时提出~：）

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

2016-01-14

页面顶部的疑问

最新回答 / weibo_三少zou是不靠谱_0

最开始部分是HTML4语言的头部，HTML5则显得相对简便，然后meta 是设置内容

1 回答 382 浏览 5-2 实践题

2016-01-14

茹宝

.top{height:100px;background-color:gray}
.main{height:500px;background-color:red;position:relative}
.left{ position:absolute;left:0;top:0;width:200px;height:500px;background-color:blue}
.right{margin-left:210px;background-color:#ccc;height:500px}
.foot{height:50px;background-color:orange;clear:both}

2 5-3 编程挑战

2016-01-14

茹宝

前端工程师就是技术和艺术的结合体

0 1-1 内容简介

2016-01-14

mekida

.left{ width:200px; height:600px; background:#ccc; float:left; left:0; top:0}
.main{ height:600px;margin-left:210px;margin-right:310px; background:#9CF; }
.right{ height:600px; width:300px; position:absolute; top:0; right:0; background:#FCC;}

0 4-3 编程练习

2016-01-14

无敌小哥儿

.left{ width:100px; height:600px; background:#ccc;float:left ; left:0; top:0}
.main{ height:600px; margin:0 110px 0 110px; background:#9CF}
.right{ height:600px; width:100px; position:absolute; top:0; float:right;right:0; background:#FCC;}
浮动设置，可实现相同效果。

1 4-3 编程练习

2016-01-14

如果要设置一个固定宽度的三列布局用这种方法就不方便了对吧。固定宽度的三列布局用什么方法比较好呢？

最新回答 / 肥脸哥哥

div块状的三列都需要float来实现吧，固定宽度就定宽，不固定就百分比宽，我也刚学

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

2016-01-13

请问为什么head和top做出来不同？

最新回答 / 11223ng

<body><div class="top">top <div class="head"></div></div>你把这里的 top 去掉，这也占一行的

1 回答 581 浏览 5-1 混合布局

2016-01-13

amber4625

.top{height:60px;background:#ccc;margin:0 auto;}
.main{height:400px;background:red;}
.left{ width:200px;height:400px;background:blue;float:left;}
.right{height:400px;background:#8ff;width:100%;position:absolute;margin-left:210px;}
.foot{height:30px;background:#c42;margin:0 auto;}

0 5-3 编程挑战

2016-01-13

两列布局中，为什么必须给div指定height，才能正确布局？

已采纳回答 / Z丶先生

可以啊！

2 回答 548 浏览 3-1 二列布局

2016-01-13

a280474981

.top{height:100px;background:#ccc;}
.main{height:500px; background:#f00;}
.left{width:200px;height:500px; background:blue;position:absolute;relative}
.right{height:500px;background:green;position:absolute;width:100%; margin-left:210px;}
.foot{height:100px; background:#c0c;}

0 5-3 编程挑战

2016-01-13