章节
问答
课签
笔记
评论
占位
占位

什么是层模型？

什么是层布局模型？层布局模型就像是图像软件PhotoShop中非常流行的图层编辑功能一样，每个图层能够精确定位操作，但在网页设计领域，由于网页大小的活动性，层布局没能受到热捧。但是在网页上局部使用层布局还是有其方便之处的。下面我们来学习一下html中的层布局。

如何让html元素在网页中精确定位，就像图像软件PhotoShop中的图层一样可以对每个图层能够精确定位操作。CSS定义了一组定位（positioning）属性来支持层布局模型。

层模型有三种形式：

1、绝对定位(position: absolute)

2、相对定位(position: relative)

3、固定定位(position: fixed)

任务

本小节没有任务，请单击“提交”按钮进行下一小节的学习。

?不会了怎么办
||
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交
重置代码
||

请验证，完成请求

由于请求次数过多，请先验证，完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后，能更快找到我哦～

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后，及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布

overhidder在第几章

最赞回答 / Godstudying
不知道！
2 回答 827 浏览
2020-09-23

层模型，三个定位有什么区别

最赞回答 / lackin
层模型有三种形式：1、绝对定位（position：absolute）2、相对定位（position：relative）3、固定定位（position：fixed） 用通俗的话来说：（个人观点啊）position：absolute，简单来说，就是相对于浏览器窗口的定位。没有参考物，或者说参考的是浏览器本身。postion:relative, 简单来说，就是相对于关联物（参考物）来定位，相对于参考物的相对位置。position：fixed，固定在一个位置，不会流动。也就是浮动在窗口的固定位置上。有点像广告飘窗...
5 回答 2407 浏览
2021-02-01

学到这里。。。

最新回答 / 阁道回看上宛花
有手就行
3 回答 1020 浏览
2020-09-23

第20行有个“ד，请问问题出在哪？

已采纳回答 / byouside
你先看看第3行和第19行的head ……
4 回答 1679 浏览
2019-07-09

分段下划线

最新回答 / 慕后端9274081
选择器 {text-decoratin:underline}
2 回答 1107 浏览
2017-09-11

关于记笔记方法

最赞回答 / _疯_子_
typora,一款很舒服的Markdown编辑器，你值得拥有。Markdown记笔记，简直不要太方便
5 回答 1014 浏览
2020-09-23

float后，其他元素排序问题

最赞回答 / qq_剑锐_0
這是浮動講到的
3 回答 1371 浏览
2017-05-26

不会做怎么办

已采纳回答 / 田心枫
这节没题啊
1 回答 1199 浏览
2017-05-16

12-4 只讲了2个块元素的水平排列。如果现在有3个，4个或者更多个块元素需要水平等间隔排列，该如何写代码呢？？注意，是水平等间隔排列！！！不是连着一起都挤在最左边或者最右边。

已采纳回答 / 杨阳4000193
直接在选择器里写float:left;就行
8 回答 1587 浏览
2018-06-23

怎样理解relative？

已采纳回答 / RUANU
相对于没有使用定位之前的那个位置进行定位
2 回答 1312 浏览
2016-11-03

为什么每次都要勾选“自动运行”？哪里可以设置默认啊

最赞回答 / qq_白夜行_07
教你使用游猴脚本自动勾选“自动运行”其实也就两句<...code...>详情：https://www.imooc.com/qadetail/348506
6 回答 1940 浏览
2020-09-13

大家都来凑凑热闹，关于定位问题，知道一句说一句吧！

最新回答 / 懵逼的我
有父级元素的，父级元素使用relative，此时自身的absilute是以父级元素为基准的；如果父级元素没有定位，则以整个文档为基准定位。
3 回答 895 浏览
2016-11-03

还是看不懂绝对定位和固定定位

最赞回答 / 慕粉3801737
简单一点来说就是，绝对定位是相对于浏览器展示的整个页面的大小，参考点是整个页面的四个边；而固定定位是相对与电脑显示器可视窗口的大小，参考点是显示的窗口的四个边。
3 回答 1297 浏览
2016-10-27

z-index是干嘛的

已采纳回答 / 慕莱坞9220042
定义和用法z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。注释：元素可拥有负的 z-index 属性值。注释：Z-index 仅能在定位元素上奏效（例如 position:absolute;）！例子：<...code...>
3 回答 973 浏览
2019-02-15

怎么用这三种模型？

最赞回答 / qq_潘大大大先森_0
需要定位的时候 父级给上相对定位(position: relative)     子级给上绝对定位(position: absolute)进行定位  3、固定定位(position: fixed)用于一些网站角落的广告  单独使用
5 回答 1198 浏览
2016-08-23
全部 我要发布
最热 最新
只看我的

推荐课程

推荐路线系统化学习，打造阶梯学习模式

相关课程

手记推荐

更多

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

账号登录 验证码登录

遇到问题
忘记密码

登录即同意慕课网《隐私政策》
代码语言