css-position属性为块级元素的定位提供了可能，今天我将讲述我所了解的position属性。
div、h、p元素都可以称为块级元素，display属性可以改变其框类型，其值可以对框进行设置，默认下也会创建块级显示。此情况发生在把一些文档添加到一个块级元素的开头，即使没有这些文本定义为段落，他也会被当做段落对待。如：
<div>
some text
<p>Some more text.</p>
</div>
这个框定义为无名框因为他不与专门定义的元素相关联。
CSS-position属性有四个不同的类型定位，这些将影响元素框的生成方式。
1、static
元素默认状态，生成一个矩形框，作为文档流的一部分，行内元素将建立一个或多个行框，置于其父元素中。
2、relative
元素框偏移某个距离。元素保持原始形状，所占空间保留。
3、absolute
元素框从文档流完全删除，并相对其包含块定位。包含块可能是文档中的另一个元素或是初始包含块。
4、fixed
元素框的表现类似于将position设置为absolute，不过其包含块是视窗本身。
5、inherit
规定应该从父元素集成position的值。
web实验博客3.css-position
原文地址：https://www.cnblogs.com/zuiqiangwnagzong/p/9696863.html