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

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

如何用CSS进行网页布局

全部评论问答未解决精华

超人93

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

我不加 position:absolute; 实习不了效果，为啥啊？

1 3-3 编程练习

2017-05-26

叶落有时

感觉不懂的地方差不多都懂了

2017-05-20

Glunefish

我刚始学的时候看就好了，现在看没感觉。

2 5-1 混合布局

2017-05-20

西瓜皮奥4172926

感觉通俗易懂啊

1 5-1 混合布局

2017-05-19

zeroben

左侧宽度200px，右侧自适应，这里左侧使用了position：absolute;top:0;left:0;
但只设置.left的position并不行,absolute是相对父元素进行定位，并且这个父元素必须设置了position，
这里使用了relative，相对于原文档流位置，由于未设置top、left、right、bottom所以依然是原位，
.left设置好了之后.right就容易搞定了，width直接默认就可以了，同时设置margin-left:210px;
至于要求右侧先加载，表示求教。

2 5-3 编程挑战

2017-05-18

zeroben

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

0 5-3 编程挑战

2017-05-18

zeroben

通过设置
.main{ overflow:hidden; }
也可以清除浮动。

1 5-2 实践题

2017-05-18

慕粉1425213344

失败的重置再打一次，我发现这个老抽疯不执行。。。

0 4-3 编程练习

2017-05-17

帮忙看一下，为什么我设置了外边距和填充为0px，顶部还有空间？

+ 我来回答回答最高可+2积分

4 回答 2476 浏览 3-1 二列布局

2017-05-16

Anita任

老师讲得很好呀

1 5-1 混合布局

2017-05-16

慕粉默默

1.5倍速度正好...

1 5-1 混合布局

2017-05-15

qq_纯白色的比熊_0

老师说的好我爱你哈哈哈哈

0 5-1 混合布局

2017-05-15

慕粉212903117

复制代码到DW或submit，用自己的浏览器打开就行啦

0 4-3 编程练习

2017-05-14

慕粉212903117

那么我们也给他一个背景颜色...... 昂.....哈哈哈

0 3-1 二列布局

2017-05-14

慕粉212903117

唉自学不容易啊投简历没人搭理石沉大海唉

3 1-1 内容简介

2017-05-14

123_456_7

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

0 5-3 编程挑战

2017-05-14

首页上一页 30 31 32 33 34 35 36 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

如何用CSS进行网页布局

帮忙看一下，为什么我设置了外边距和填充为0px，顶部还有空间？