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

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

如何用CSS进行网页布局

全部评论问答未解决精华

为什么不能居中啊

最赞回答 / 深山小童

网站测试代码的窗口没有960px，所以看起来是全屏的

3 回答 699 浏览 2-3 编程练习

2015-08-29

带着赤子的骄傲

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

0 3-2 评测题目

2015-08-28

剪不断理还乱

支持锤子科技

0 1-1 内容简介

2015-08-28

搬砖的

.main{width:auto; background:red; height:400px;position:relative;overflow:hidden;}
.left{ width:200px;background:blue;float:left;}
.right{clear:both; background:green;width:100%;position:absolute;margin-left:210px;}
.foot{background:orange;clear:both;}

0 5-3 编程挑战

2015-08-28

单单happy

昨天还是好好的，今天慕课就更新了，幸好变化不是特别大。

0 2-1 一列布局

2015-08-28

煜麒

点赞！！！！！！！！！！！！

0 1-1 内容简介

2015-08-28

十一叶子

以前都是自己在瞎折腾，总算能系统学习了

12 3-1 二列布局

2015-08-27

怎么才能保证自己做的网页能够自适应呢？

最赞回答 / 慕課君

这个不仅仅是百分比就能自适应的，你还要有浮动定位，就是画面变窄后，块不会交错在一起，那个效果就是浮动效果。

4 回答 763 浏览 3-1 二列布局

2015-08-27

Jep

我自己测试了一下~把左右两边的宽改了下就走样了~但就不了解他的原理...

0 4-1 三列布局

2015-08-27

y去93

老师讲课通俗易懂赞！

0 5-1 混合布局

2015-08-26

527925921

body{ text-align:left;}
.top{background:grey;margin:0 auto;height:100px;}
.main{background:red;overflow:hidden;height:500px;}
.left{ background:blue;width:200px;float:left;height:500px;}
.right{background:green;float:right;height:500px;width:70%;}
.foot{background:yellow;margin:0 auto;clear:both;}

0 5-3 编程挑战

2015-08-26

EmptySofa

body{ margin:0; padding:0; font-size:30px; color:#fff}
.top{background:gray;height:100px;}
.main{}
.left{background:blue;float:left;width:380px;border-right:10px solid red;height:500px;}
.right{background:green;float:right;width:512px;height:500px;}
.foot{background:pink;clear:both;}

0 5-3 编程挑战

2015-08-26

95team

太小声了！

1 1-1 内容简介

2015-08-25

关于清除浮动的原因

已采纳回答 / EmptySofa

如果不清除浮动，float的元素是脱离了文档流，那么这个元素原来在文档流里的位置不会被继续保留，就会被后来的元素所替代。这个例子中，float的元素的高度要比后来的元素即footer的高度要高，所以footer会被float的元素覆盖了，如果你把float的元素高度设置的比footer小一点，你就可以看到footer显出了部分绿色。那么如果footer的样式中添加clear的作用是，保留原来float元素在文档流中的位置，这样footer元素就不会去替代float元素所在的位置了。

3 回答 1307 浏览 5-2 实践题

2015-08-25

剑八

视频开始时和慕课LOGO一起出来的声音让人不舒服只有我一个人这么觉得么

274 1-1 内容简介

2015-08-25

首页上一页 166 167 168 169 170 171 172 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空