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

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

如何用CSS进行网页布局

全部评论问答未解决精华

日照香

有几个非常不错的前端开发在线工具，分享给一起学习的小伙伴们，别忘了收藏，很实用。
（1）在线代码测试工具：http://www.lvyestudy.com/tools/run_code.aspx；
（2）在线调色板：http://www.lvyestudy.com/tools/color_picker.aspx；
（3）CSS3圆角生成器：http://www.lvyestudy.com/tools/border_radius.aspx

1 2-3 编程练习

2015-09-14

日照香

22 2-2 练习题

2015-09-14

DamnLost

.top{width:100%;background:gray;}
.main{width:100%;background:orange;position:relative;}
.left{float:left;width:200px;background:red;}
.right{width:;position:absolute;left:210px;right:0;background:green;} 注意right的宽度自适应
.foot{clear:both;background:blue;}

0 5-3 编程挑战

2015-09-13

WashU

谢谢老师！

0 1-1 内容简介

2015-09-13

qq_不将就__0

.top{height:100px;background:#999;}
.main{height:300px;position:relative;}
.left{ width:200px;height:300px;background:blue;position:absolute; top:0;left:0;}
.right{height:300px;background:#6f9;margin-left:210px;}
.foot{height:50px;background:#f60;}

0 5-3 编程挑战

2015-09-12

qq_不将就__0

老师辛苦了！

0 5-1 混合布局

2015-09-12

三列布局。

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

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

2015-09-12

qq_红豆馅儿_0

.top{height:100px;background:#999;}
.main{height:600px;background:red;position:relative;}
.right{height:600px;background:#6F9;margin-left:210px;}
.left{ width:200px;height:600px;background:blue;position:absolute;left:0;top:0;}
.foot{height:50px;background:#F60;clear:both;}

1 5-3 编程挑战

2015-09-11

视频声音太小

最新回答 / hhh112123123

机子太老

1 回答 688 浏览 2-1 一列布局

2015-09-11

MaggieMaggie

谢谢老师！

0 5-1 混合布局

2015-09-09

MaggieMaggie

前端工程师就是将技术与艺术完美融合的关键岗位

30 1-1 内容简介

2015-09-08

wendian_LI

文档流：将窗口自上而下分成一行一行，并在每行中按从左至右的依次排放元素，即为文档流。
有三种情况使得元素离开文档流而存在，分别是浮动绝对布局固定定位

9 3-2 评测题目

2015-09-08

ieee

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

0 5-3 编程挑战

2015-09-08

left设置高度问题

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

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

2015-09-08

为什么我用了绝对定位，还要多设置margin-top：100px才能让left蓝色的下来不然直接就覆盖到top？

已采纳回答 / sina娜子

当设定position:absolute 如果父级（无限）没有设定position属性，那么当前的absolute则结合TRBL属性以浏览器左上角为原始点进行定位 ( 以body为准)如果父级（无限）设定position属性，那么当前的absolute则结合TRBL属性以父级（最近）的左上角为原始点进行定位（以父级为准）。you know?

7 回答 3498 浏览 5-3 编程挑战

2015-09-07