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

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

如何用CSS进行网页布局

全部评论问答未解决精华

Idle1

.top{background:gray;height:50px;}
.main{background:red;height:500px;}
.left{float:left;background:blue;width:50%;height:100%;margin:0 10 0 0;}
.right{float:right;background:#ed2;height:100%;width:49%;}
.foot{background:#f63;clear:both;height:100px;}

0 5-3 编程挑战

2016-04-09

Idle1

解决方法有两个：1.清除浮动， clear:both;
还以为 float:clear;是清除浮动呢

0 5-2 实践题

2016-04-09

Idle1

可以让元素脱离文档流?
脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位。需要注意的是，使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。而对于使用absolute positioning脱离文档流的元素，其他盒子与其他盒子内的文本都会无视它

21 3-2 评测题目

2016-04-09

慕慕6262375

全屏看效果啊。

0 4-3 编程练习

2016-04-09

qq_趁着年轻折腾吧_0

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

0 4-3 编程练习

2016-04-08

没有马的骑士史蒂芬

.top{width:100%;height:100px;background:#ccc;}
.main{width:100%;background:red;position:relative;}
.left{width:200px;height:500px;background:blue;position:absolute;top:0;left:0;}
.right{height:500px;background:#6c6;margin-left:220px;}
.foot{width:100%;height:50px;background:#f93;}

1 5-3 编程挑战

2016-04-08

宋小七的奇异王国

very good.

0 5-1 混合布局

2016-04-08

foggod3148311

.main{ width:960px; height:600px; margin:0 auto;border:1px solid blue;padding:0px 10px 10px}
.left{ width:300px; height:600px; background:#ccc; float:left;}/*左浮动样式*/
.right{ width:650px; height:600px; background:#369; float:right;left:10px;}/*右浮动样式*/

0 3-3 编程练习

2016-04-08