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

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

如何用CSS进行网页布局

全部评论问答未解决精华

铜方块

.left{ width:280px; height:590px; float:left;background:#ccc;margin:0 10px 10px; 【任务1】}/*左浮动样式*/
.right{ width:640px; height:590px; float:right;background:#FCC;margin:0 10px 10px; 【任务2】}/*右浮动样式*/

0 3-3 编程练习

2016-11-26

粑粑粑粑瑜

效果图：第十行多的那个花括号去掉，去掉div中间的text-align:center。left和right加上左右浮动，再把他们的高度宽度各减去30px就OK 了

0 3-3 编程练习

2016-11-26

RunningIn

body{ margin:0; padding:0;}
.top{height:200px;background:gray;}
.main{background: red;}
.left{background:blue;height:600px;width:200px;float: left;position: absolute;left: 0;top: 200px;}
.right{margin-left: 220px; background:green;height:600px;}
.foot{height:100px;background:#E3860E;}

1 5-3 编程挑战

2016-11-25

虽然还是咸鱼

为啥我在任务三那里写了margin:0 auto;也正确显示了呢......

0 5-2 实践题

2016-11-25

蓝牌大师

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

1 5-3 编程挑战

2016-11-25

慕粉3285389

.top{width:100%;background:gray;height:200px;}
.main{width:100%;background:red;height:500px;}
.left{ width:200px;height:100%;float:left; background:blue;}
.right{width:100%;float:right; background:green;margin-left:220px;position:absolute;}
.foot{width:100%;background:orange;height:100px;}

0 5-3 编程挑战

2016-11-25

编程挑战的问题

最赞回答 / stone310

因为它不支持ie6

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

2016-11-25

慕运维7459866

真不错，对于我这种初学者来说超级受益。

2016-11-25

为什么我的main板块不是在left板块和right板块的中间而是在他们下面居中？

最新回答 / qq_木讷小玩偶_0

我已经找到原因了谢谢是因为我[任务1]这个没删掉所以才会这样

2 回答 1043 浏览 4-3 编程练习

2016-11-25

用css和html实现复杂结构的网页布局

最赞回答 / Demonds

绝对定位，就是距离左端0px

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

2016-11-24

慕粉gogogo

同学代码怎么提交

0 5-3 编程挑战

2016-11-24

慕粉3978811

.top{width:800px; height:50px;background:#cccccc;}

.main{width:800px; height:300px;background:red;}

.left{width:200px;height:300px;background:blue;position:absolute;left:0;top:50px;}

.right{height:300px;background:#9acc99;margin:0 0 0 210px;}

.foot{width:800px; height:50px;background:#ee6634;}

0 5-3 编程挑战

2016-11-24

为什么如果不清楚浮动，footer的颜色块会在head后面

已采纳回答 / lsnFor

首先你要理解文档流和浮动：文档流：自上而下，从左到右。浮动（两张纸叠放，最下面的是文档流，上面的是浮动元素的位面）：脱离文档流。然后分析问题：top元素的子元素head，高度100px，存在于文档流中main元素的子元素left，right高度600px，浮动，脱离文档流footer元素，高度100px，存在于文档流中。文档流（底层）top元素后紧跟footer元素，并不受浮动元素影响，因为不在同一个位面。

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

2016-11-24