css定位html元素的示例分析

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

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

　　static（静态的）

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

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

　　position:static;

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

　　SQUARE1

　　SQUARE2

　　SQUARE3

　　SQUARE4