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

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

如何用CSS进行网页布局

全部评论问答未解决精华

AllySu

自适应需要使用百分比，就这么简单

1 3-1 二列布局

2017-08-10

hwan

.footer{ height:50px; background:#9F9; margin:0 auto【任务4】}

0 5-2 实践题

2017-08-10

qq_Question_0

布局真的是网页制作的基础中的基础。掌握了很重要。

3 5-1 混合布局

2017-08-10

right样式的问题

已采纳回答 / 羊大人

left因为设置了绝对定位，已经脱离了文档流，他的位置是相对左上角的，因为你上面有个top的效果，所以你需要相对它设置一下top值，而right效果并没有设置定位，所以还在普通流中，按照元素自上而下的规范，他是在top高度的下面的

2 回答 1461 浏览 5-3 编程挑战

2017-08-10

小情好天气

.top{height:100px;background-color:#999;}
.main{height:600px;background-color:red;position:relative;}
.left{width:200px;height:600px;background-color:blue;position:absolute;}
.right{width:100%;height:600px;background-color:green;margin-left:210px;position:absolute;}
.foot{height:50px;color:}

0 5-3 编程挑战

2017-08-09

为什么中间的自适应板块会比两边的自动下移一块

最新回答 / 一个在路上的人

margin: top right bottom left

3 回答 1019 浏览 4-1 三列布局

2017-08-09

yeehom

.top{height:80px; background:#ccc;}
.main{width:80%;height:600px; background:red; margin:0 auto;position:relative;}
.left{ width:200px; height:600px; position:absolute;top:0;left:0; background:green;}
.right{height:600px;margin-left:210px; background:yellow;}
.foot{height:60px; background:orange;}

2 5-3 编程挑战

2017-08-08

慕沐5295118

官方答案是错的...

0 5-3 编程挑战

2017-08-08

qq_陈城逍遥游高级网管_0

新手很需要的一段课程，最不墨迹的老师，点赞！！！

1 3-1 二列布局

2017-08-08

lanrunsheng

本课程只教别人设置浮动，文档流与浮动的原理没说清楚，以及清除浮动的原理也没讲，小白看了【任务4】一脸懵逼，清除浮动才是最大的后手，不过再Chrome和新版的IE里面不清除浮动Footer也能正常显示，这课程留一手啊，坑爹啊。

10 5-2 实践题

2017-08-07

第九行和第十三行代码应该可以删掉吧

最新回答 / Yoldfriend

是指body的样式吗？不能删的 div默认会有边距要先清除以免影响后面

1 回答 910 浏览 5-2 实践题

2017-08-06

阿凡达女版

建议开设课程时可以把每个基本思路先概括一下。Anyway,thank you very much!

2017-08-06

xhuanhero

.footer{ height:50px; background:#9F9; margin:700px 0 0 0;}结果多了一行空白，margin改成600px就正常了，这margin是怎么算的

0 5-2 实践题

2017-08-05

请问我们做的时候像素是固定的？那是按浏览器的大小来设定的吧，但是不太的显示屏用起来浏览器大小不是不一样吗，那怎么办？

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

0 回答 1030 浏览

2017-08-05

一天一步一向前

.top{height:100px;}
.main{position:absolute;top:100px;bottom:50px;width:100%;}
.left{ width:200px;height:100%; position:absolute;left:0;top:0;}
.right{margin-left:210px;height:100%;}
.foot{height:50px;position:absolute;bottom:0;left:0;width:100%;}
全程自适应

1 5-3 编程挑战

2017-08-05

心陌灬琉璃梦

/*
1、宽度自适应：不设置宽度；
2、样式加载：样式按从上往下排序，写在前面的先加载；
3、兼容ie6：不能用浮动float，只能先设置父元素main为相对定位relative作为参照定位，后设置其子元素(right、left)为绝对定位absolute，并设置其具体位置。
*/
/*
1、如不给right设置外边距margin，则其自适应宽度会与其中的文字同宽；
2、由于left的width为200px，则right的margin-left为210px，因此right与left的间隔为10px；
3、由于right为main的首个子元素，因此默认叠加在main上面，无需设置绝对定位。
*/

13 5-3 编程挑战

2017-08-05

首页上一页 22 23 24 25 26 27 28 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空