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

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

如何用CSS进行网页布局

全部评论问答未解决精华

AllySu

我的才是准确的，包括颜色:
body{color:rgb(250,250,250);}
.top{width:100%; height:50px;background:rgb(204, 204, 204);}

.main{width:100%; height:300px;background:rgb(252, 2, 0);position: relative;}

0 5-3 编程挑战

2018-05-09

AllySu

.left{width:200px;height:300px;background:rgb(0,0,254);position: absolute;top: 0px;left: 0px;}

.right{height:300px;background:rgb(154, 204, 153);margin-left: 210px;}

.foot{width:100%; height:50px;background:rgb(255, 102, 52);}

0 5-3 编程挑战

2018-05-09

新的风暴已经出现2012

注意main的代码中margin:0 310 0 210 需在310以及210后加上px，变成margin:0 310px 0 210px才会产生10px的边框以及自适应文字不会覆盖掉文字

2 4-3 编程练习

2018-05-08

甜橙可爱多

江老师和Amy老师是夫妻吧哈哈哈

1 1-1 内容简介

2018-05-05

网页布局的

最新回答 / 慕粉17783463756

整个代码还是不行。。。多写就有经验了

1 回答 834 浏览

2018-05-04

剑神_小小谢

.top{width:100%;height:200px;background:#ccc;}
.main{width:100%;height:600px;background:red;}
.left{width:200px;height:600px;background:#00f;position:absolute;left:0;top:200px;}
.right{height:600px;background:#9f9;margin-left:210px;}
.foot{width:100%;height:150px;background:#f60;}

0 5-3 编程挑战

2018-05-04

剑神_小小谢

clear:left;clear:right;clear:both

0 5-2 实践题

2018-05-04

剑神_小小谢

chrome里面显示此margin是无效的属性值。。。。。

0 4-3 编程练习

2018-05-04

剑神_小小谢

奇怪的是中间的文字并不会自动换行，这并不能算是自适应

1 4-3 编程练习

2018-05-04

left的内容跑到了main下面？

最新回答 / 慕神2768241

你的父元素main没加高度？如果不想添加高度，那么让foot清除浮动（ clear:both; ）也可以，至于为什么要清除浮动，自己上网查查，因为我也是个初学者。。。

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

2018-05-02

footer没有颜色只有字

最赞回答 / 枫芒i

footer 的色块已经跑到了上面，只有文字在下面，之所以会跑走，是因为上面的元素用了浮动，原来的位置就空了出来，然后 footer 没有浮动元素，又没有清除浮动，就占据了中间位置，所以，想让footer 在他自己的位置，就先清除浮动（clear：both）希望帮到你~....footer{ height:50px; background:#9F9; clear:both;}

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

2018-05-02