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

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

如何用CSS进行网页布局

全部评论问答未解决精华

云销雨霁

很不错，就是内容有点少

0 2-1 一列布局

2018-02-25

奉iKON

右边div宽度必须小于660，否则就和左边div连在一起了

1 3-3 编程练习

2018-02-13

落婲紛紛

.main{ width:970px; height:600px; margin:0 auto;border:1px solid red;}
.left{ width:300px; height:600px; background:#ccc; float:left;margin-left:5px;}/*左*/
.right{ width:660px; height:600px; background:#FECCCB; float:right;margin-left:5px;}/*右*/
</style>
把main的宽稍微加长点,再给里面的两个div,用margin-left:5px;就可以了

0 3-3 编程练习

2018-02-13

weibo_2是得不到的0_0

.top{background:gray;
height:150px;
}
.main{background:red;
height:700px;
}
.left{
position:absolute;
top:150px;
left:0px;
background:blue;
height:700px;
width:200px;
}
.right{background:green;
height:700px;
margin-left:210px;
}
.foot{height:100px;background:orange;}

0 5-3 编程挑战

2018-02-09

慕粉1041029323

老师讲课好温柔很棒

1 3-1 二列布局

2018-02-07

23568

太简单了没什么意义代码风格也不好而且从IDE来看应该是几年前的视频了

1 5-3 编程挑战

2018-02-05

云两朵

声音太小了

3 1-1 内容简介

2018-02-04

zcmii

为啥中间margin不是相对与左右两个块而是相对与整个页面呢

3 4-1 三列布局

2018-01-31

慕标0282539

老师跟喂小孩子奶一样啊~~啊~~一股亲切劲儿啊哈哈

8 5-1 混合布局

2018-01-30

yan2044

网页布局：又称版式布局，是网页UI设计师将有限的视觉元素进行有机的排列组合，将理性的思维个性化的表现出来，是一种具有个人艺术特色的视觉传达方式。传达信息的同时有美感。

网页设计特点（相对纸媒来说）
1、网页可以自适应宽度(百分比自适应宽度）
2、网页的长度理论上可以无限延长（高度自适应）

一般是头部，主体，底部。主体一般再根据需要分栏，一般两栏或者三栏，还有可能分为更多的栏目。常见分栏方式：一、二、三、列布局，混合布局。

2 1-1 内容简介

2018-01-25

慕前端1024233

我想说我已经把多的花括号删掉了，还把660改成了560，，，然而为啥粉色的部分跑到灰色下面去了呜呜

2 3-3 编程练习

2018-01-25

慕的地0173776

有点像有声小说

0 1-1 内容简介

2018-01-25

慕粉0202513651

.top{width:100%; height:50px;background:gray;}

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

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

.right{margin-left:210px;width:100%;height:300px;background:green;position:absolute;}

.foot{width:100%; height:50px;background:#369;}

0 5-3 编程挑战

2018-01-24