这篇文章主要介绍css定位html元素的示例分析，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

我们提供的服务有：成都网站制作、做网站、外贸营销网站建设、微信公众号开发、网站优化、网站认证、临西ssl等。为上千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的临西网站制作公司

定位值有五种类型：static（静态的）、relative（相对的）、fixed（固定的）、absolute（绝对的）、sticky（黏性的）

static（静态的）

默认情况下，HTML元素定位为静态，元素根据文档的正常流程定位;静态定位元素不受顶部，底部，左侧和右侧属性的影响。一个元素用position:static定位不会有其他特殊的定位方式。

用于将位置设置为静态的CSS是：

position:static;

接下来是使用静态位置值的示例：

SQUARE1

SQUARE2

SQUARE3

SQUARE4