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

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

如何用CSS进行网页布局

全部评论问答未解决精华

20160101cui

.top{height:100px;background:#ccc;}
.main{height:400px;background:#900;}
.left{ height:400px;width:200px;background:#00c;position:absolute;top:100px;left:0px;}
.right{height:400px;background:#1f6;margin-left:210px;}
.foot{height:100px;background:#cac;}

0 5-3 编程挑战

2016-03-09

null__

上面的代码没有给main设置高度，而main里的内容又设置成了浮动，所以footer会跑到head的下面。
解决方法有两个：1.清除浮动， clear:both;
2.为main设置高度， .main{
width:860px;height:600px;margin:0 auto;background:#9FC;
}

3 5-2 实践题

2016-03-09

为了更好的自己

强烈建议此章内容再追加一节，专门针对这节问题给与答案（可能有多种），最好还能针对答案中集中出现的错误进行分析讲解！！！

158 5-3 编程挑战

2016-03-08

为了更好的自己

为什么footer不消除浮动影响就不见了呢？？？

0 5-2 实践题

2016-03-08

为了更好的自己

.main{ height:600px; margin:0 310px 0 210px;】 background:#9CF}

这个margin属性的310和210是相对于body的距离，那不就默认是绝对定位吗？？？？可是margin的上右下左值不是相对于另一个盒子的外间距吗？所以一个盒子是一个div标签元素还是一个body啊？？？

0 4-3 编程练习

2016-03-08

为了更好的自己

.main{ height:600px; margin:0 310px 0 210px;】 background:#9CF}
这个margin属性的310和210是相对于body的距离，那不就默认是绝对定位吗？？？？

0 4-3 编程练习

2016-03-08

为了更好的自己

楼下的都用的相对定位，那我这样的绝对定位也可以吧。。。
.left{ width:300px; height:600px; background:#ccc; float:left;}/*左浮动样式*/
.right{ width:660px; height:600px; background:#FCC; float:right; position:absolute; left:320px;}}/*右浮动样式*/

2 3-3 编程练习

2016-03-08

为了更好的自己

开场声音太大了，影响心情(#‵′)凸

1 1-1 内容简介

2016-03-08

苍穹之蓝

width:100%;height:100px;background:gray
width:100%;height:600px;background:red;position:relative
width:200px;height:600px;background:blue;position:absolute;top:0;left:0
height:600px;background-color:green;position:absolute;top:0;left:210px;width:100%
width:100%;height:100px;background:orange

0 5-3 编程挑战

2016-03-08

唔路

.top{width:100%; background: gray;height: 50px}
.main{width: 100%;background: red;height: 600px;}
.left{ width: 35%;height: 600px;float: left;background: blue;}
.right{width: 60%; height: 600px;background:green;float: right;}
.foot{width: 100%;height: 50px;background:orange;}

0 5-3 编程挑战

2016-03-07

冰明

不错，不错，听得很明白。

0 3-1 二列布局

2016-03-07

冰明

加上个宽度用margin:0 auto;

0 2-3 编程练习

2016-03-07

冰明

挺好的，不知道什么时间能自己做出来啊

0 2-1 一列布局

2016-03-07

冰明

挺好的喜欢，喜欢

0 1-1 内容简介

2016-03-07

Dr_Susu

A模块用绝对定位定位，B模块用外边距，这样B模块的宽度就会自适应

2 5-3 编程挑战

2016-03-06

首页上一页 88 89 90 91 92 93 94 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

如何用CSS进行网页布局