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

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

如何用CSS进行网页布局

全部评论问答未解决精华

woshidaxiong

清除浮动两种方法：1. clear:both; 2. overflow:hidden.

2 5-2 实践题

2016-04-09

woshidaxiong

三种关系：相邻，嵌套，重叠。好像记错了

0 5-1 混合布局

2016-04-09

不想学习的懒癌患者3156475

听着听着好像飞碟一分钟的大叔啊

0 5-1 混合布局

2016-04-09

woshidaxiong

要实现它们之间的一遍空白

0 3-3 编程练习

2016-04-09

langyapao

我想问一下，如果学完一整个计划，可以在外面找工作了么

1 5-3 编程挑战

2016-04-09

woshidaxiong

很清楚，对于我这样一个大菜鸟

0 3-1 二列布局

2016-04-09

Idle1

http://www.imooc.com/code/1409 右侧（right）宽度自适应这要求没看懂
任务3：要求右侧（right）先加载，左侧（left）后加载居然是在写div时先写<div class="right">

2 5-3 编程挑战

2016-04-09

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

5-1混合布局底部div问题

最新回答 / mr丶kkkkkk

因为视频了给main了一个height；

4 回答 674 浏览 5-2 实践题

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

首页上一页 121 122 123 124 125 126 127 下一页尾页

该课程已下架

课程须知: 1.你需要掌握html+css样式基础知识 2.有一定的前端实际开发经验

老师告诉你能学到什么？: 1.掌握网页布局的相关知识 2.能对不同的网页进行布局结构划分 3.掌握固定宽度和自适应宽度的实现方法

微信扫码，参与3人拼团

热搜

最近搜索清空

如何用CSS进行网页布局

5-1混合布局底部div问题