在网页中，元素有三种布局模型：
1、流动模型（Flow）
default，就是块级元素都自上而下的分布，宽度都为100%。内联元素都从左到右水平分布。
2、浮动模型 (Float)
div、p、table、img 等元素都可以设置为浮动。两个 div 显示在一行的代码如下：
div{
width:200px;
height:400px;
border:2px red solid;
float:left;
}
3、层模型（Layer）
层模型有三种形式：
(1)绝对定位(position: absolute)
div{
width:200px;
height:400px;
border:2px red solid;
position:absolute;
left:100px;
top:50px;
}
(2)相对定位(position: relative)
(3)固定定位(position: fixed)
层模型中，各元素可能出现堆叠。堆叠顺序可以用z-index控制，z-index大者在上。z-index相同时，根据CSS声明顺序，靠后者在上。
[1] http://www.5idev.com/p-css_z_index.shtml
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/219172.html原文链接：https://javaforall.net
![Activity 工作流引擎[通俗易懂]](https://javaforall.net/wp-content/uploads/2020/11/2020110817443450-480x300.jpg)
