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

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

如何用CSS进行网页布局

全部评论问答未解决精华

什么东东西西

讲的比较生动！放慢0.5x 效果更佳。。。

2016-03-18

maggiecl

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

0 5-3 编程挑战

2016-03-18

pz0216

可以说课程都完全听不到声音吗

1 1-1 内容简介

2016-03-18

Rising_sune

使用百分比可以让左右两边也有空白

0 3-3 编程练习

2016-03-18

划破黑夜

要全屏才能看到效果。。。

1 4-3 编程练习

2016-03-18

sxl2719339

这一节的代码是错的 left 和 right（是块元素）不加浮动就不会左右排的，都不用测试就知道给的代码是错的

0 5-3 编程挑战

2016-03-18

qq_陪着地球绕sun_0

.top{background-color:#ccc;height:50px;}
.main{height:200px;background-color:red;position:relative;}
.left{ position:absolute;width:200px;top:0px;left:0px;background-color:blue;height:200px;}
.right{margin-left:210px;background-color:green;height:200px;}
.foot{height:50px;background-color:orange;}

0 5-3 编程挑战

2016-03-17

三三888

开场音太大，课程音太小

1 1-1 内容简介

2016-03-17

cp0417

使用了margin-left所以使用clear both 加上保险
可能右边内容不足， footer会跑到上面去。
clear:both 清楚浮动

0 5-3 编程挑战

2016-03-17

cp0417

foot{}里为什么要加：clear:both？？

0 5-3 编程挑战

2016-03-17

cp0417

浮动为什么不可以？

0 4-1 三列布局

2016-03-17

蓝色老森

开场音乐老是吓一跳，建议去掉

2 1-1 内容简介

2016-03-17

cp0417

首先清除一下样式 body{margin:0;padding:0}
让总的外框的外边距和内边距为0.
margin:0;框外边距为零！
padding:0;框内边距为零！

0 2-1 一列布局

2016-03-16

cp0417

margin后面如果只有两个参数的话，第一个表示top和bottom，第二个表示left和right
因为0 auto，表示上下边界为0，左右则根据宽度自适应相同值（即居中）

2 2-1 一列布局

2016-03-16

haloooo

.top{width:600px;height:60px;background:gray;}
.main{width:600px;background:orange;position:relative;}
.left{ width:100px;height:300px;background:blue;position:absolute;top:0;left:0;}
.right{height:300px;background:green;margin-left:110px;}
.foot{width:600px;height:40px;background:red;}

0 5-3 编程挑战

2016-03-16

首页上一页 85 86 87 88 89 90 91 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

如何用CSS进行网页布局