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

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

如何用CSS进行网页布局

全部评论问答未解决精华

不闲聊

哦，啦啦啦～

0 2-3 编程练习

2016-01-11

oOo焱炎之火oOo燚_0

.top{height:100px;background:#ccc;}
.main{background:red;}
.left{width:200px;height:600px;background:blue;position:relative;}
.right{height:600px;background: #99cc99;position:absolute;margin-left: 210px;width:100%;}
.foot{background:#F63;}

0 5-3 编程挑战

2016-01-11

oOo焱炎之火oOo燚_0

.left{ width:300px; height:600px; background:#ccc;float:left; }/*左浮动样式*/
.right{ width:660px; height:600px; background:#FCC;float:right;position:relative;left:30px;}/*右浮动样式*/

0 3-3 编程练习

2016-01-11

oOo焱炎之火oOo燚_0

.main{ height:600px;width:50%; background:#FCC;margin:0 auto}
.footer{ height:50px;width:50%; background:#9CF;margin:0 auto}

0 2-3 编程练习

2016-01-11

CrossingMay

看了同学们的回复受益良多！
大家一起加油~

0 5-3 编程挑战

2016-01-10

阳光下的空气

.left{width:200px;height:600px;background:blue;position:relative;(或者position:relative;)}
.right{height:600px;background: #99cc99;position:absolute;margin-left: 210px;width:100%;}

0 5-3 编程挑战

2016-01-10

mekida

聽到老師啊~
我不爭氣地笑了....

3 5-1 混合布局

2016-01-08

mekida

老師教完一段就說說「啊~」害我笑了…

18 2-1 一列布局

2016-01-08

关于footer

最新回答 / duun09

前面的加了浮动就不占位了，所以footer就上去了，在footer添加clear:both就清除了前面浮动的影响，footer就自然到下面位置来了

2 回答 416 浏览 5-2 实践题

2016-01-08

关于margin有点不懂

最赞回答 / 无敌小哥儿

记不记得前面有个习题，是说float和absolute属性脱离文档流（如果不记得，在返回去看看）。。。。左右两列设置了absolute属性，使其脱离了文档流。。margin是设置外边距的。视频里设置左外边距200px（这是左边 .left 的宽度），右外边距300px（右边 .right 的宽度），所以能够正好在这两者之间。。如果不设置边距，main标签中的内容就填充到浏览器的100%，被左边和右边遮盖。。...如果还不懂，建议你复习复习基础。

3 回答 588 浏览 4-3 编程练习

2016-01-06

yuzhewo

建议复制代码到自己的编辑器中修改，在浏览器中预览效果。

0 4-3 编程练习

2016-01-06

布局编程练习

已采纳回答 / 东来0

.top{height:100px; background:#ccc}.main{background:red;}.left{position:absolute;left:0;top:100px;width:200px; height:500px; background:blue;}.right{ margin-left:210px;height:500px; background:#9C9;}.foot{height:50px; background:#F63;}

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

2016-01-06