CSS的position属性怎么用

这篇文章将为大家详细讲解有关CSS的position属性怎么用，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

经过使用 position 属性，我们可以选择 4 种差距类型的定位，这会影响元素框天生的方法。

position 属性值的意思：

• static

• 元素框畸形生成。块级元素生成一个矩形框，作为文档流的一部分，行内元素则会竖立一个或多个行框，置于其父元素中。

• relative

• 元素框偏移某个距离。元素仍坚持其不决位前的形态，它原本所占的空间仍保留。

• absolute

• 元素框从文档流彻底删除，并相关于其涵概块定位。蕴含块多是文档中的另外一个元素也许是初始蕴含块。元素原先在畸形文档流中所占的空间会开启，就犹如元素原来不存在同样。元素定位后生成一个块级框，而岂论原来它在畸形流中生成何种类型的框。

• fixed

• 元素框的显示类似于将 position 设置装备摆设为 absolute，不外其包含块是视窗自身。

暗示：相对于定位现实上被看作普通流定位模子的一部份，因为元素的位子绝对于它在普通流中的位子。

关于“CSS的position属性怎么用”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。