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

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

如何用CSS进行网页布局

全部评论问答未解决精华

关于布局问题

最新回答 / 赵小刀丝儿

可以。.main需要设定宽度，中间部分的左右模块分别加左右浮动即可.main { background: red; width: 100%; height: 300px; } .left { background: blue; width: 200px; height: 300px; float: left; } .right { backgr...

1 回答 499 浏览 5-3 编程挑战

2017-01-17

yangbolxt3221782

这都覆盖了原来的啦！

0 5-1 混合布局

2017-01-17

qq_我就是我_42

.top{width:100%;background:gray;height:50px;}
.main{width:100%height:500px;background:red;}
.left{ width:200px;height:500px;float:left;background:blue;}
.right{height:500px;float:right;background:green;}
.foot{width:100%;height:50px;background:#369;}
为这样写中间会有一片空白啊

0 5-3 编程挑战

2017-01-17

慕粉091543122

我以为只有我一个人感到亲切

2 2-2 练习题

2017-01-16

Java认证班学习

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

0 5-3 编程挑战

2017-01-16

曦皮翔子

文档流：将窗口自上而下分成一行一行，并在每行中按从左至右的依次排放元素，即为文档流。
浮动（float），绝对定位（position:absolute）和固定定位（position：fixed）可让元素脱离文档流，即元素移位后不占原区域；
相对定位（position:relative）不能脱离。

5 3-2 评测题目

2017-01-16

顶部一栏，中间分三栏，底部一栏，这个该怎么做到

最新回答 / EricZoo

http://www.imooc.com/video/774 这节课没有看么？

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

2017-01-15

紫金道童

.top,.main,.foot,.right{width:100%;}
.top{height:100px; background:#ccc; }
.main{height:600px; background:red; }
.left{width:200px; height:600px;background:blue;position:absolute;left:0;}
.right{height:600px; background:#79cbb0;position:absolute;left:210px;}
.foot{height:60px; background:#ee873b;}

1 5-3 编程挑战

2017-01-15

慕斯2092613

哈哈，老师像教小孩儿一样

1 5-1 混合布局

2017-01-14

紫金道童

其实主要是上面设置960太宽了

0 2-3 编程练习

2017-01-14

qq_cc城_0

讲的一般没啥收获

0 4-1 三列布局

2017-01-13

0xCA

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

0 5-3 编程挑战

2017-01-13

什么时候给body清除默认样式什么时候给清楚默认样式*

最新回答 / Robert_Langdon

现在基本很少用*{margin:0;padding:0}，主流网站都用Erik Meyer s CSS Reset

3 回答 2218 浏览 3-1 二列布局

2017-01-13

默阒

再来看一下昂~ 23333

1 4-1 三列布局

2017-01-12

Micro孙义宏

这个案例感觉没什么太大意义

0 4-1 三列布局

2017-01-11

Micro孙义宏

这个练习题有问题，脱离不脱离不文档流，可能不能用太死板的选择题来回答。我在另一个《网页布局基础》中学习的时候，课程中提到了，“元素设置浮动属性后，会对相邻元素产生影响，设置了浮动的元素，仍旧处于标准文档流中”，那个课程对浮动的解释比较实用。如果把这个练习题中做为正确答案，不利自己在实际运用中当初次遇到浮动产生的周边元素影响时的处理。

6 3-2 评测题目

2017-01-11

首页上一页 45 46 47 48 49 50 51 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空