什么是层模型?

Posted Rinpe

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了什么是层模型?相关的知识,希望对你有一定的参考价值。


什么是层布局模型?层布局模型就像是图像软件PhotoShop中非常流行的图层编辑功能一样,每个图层能够精确定位操作,但在网页设计领域,由于网页大小的活动性,层布局没能受到热捧。

但是在网页上局部使用层布局还是有其方便之处的。下面我们来学习一下html中的层布局。

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

层模型有三种形式:

1、绝对定位(position: absolute)

2、相对定位(position: relative)

3、固定定位(position: fixed)

以上是关于什么是层模型?的主要内容,如果未能解决你的问题,请参考以下文章

布局模型

CSS中盒子模型的标准流定位原则是啥?

层模型--绝对定位(position:absolute)

20 层模型中绝对定位和相对定位组合使用

CSS层模型的应用

HTML+CSS:css定位详解之相对定位绝对定位和固定定位