CSS的静态定位（static positioning）是布局中最基本的定位方式，也是所有定位方式的默认值。静态定位的元素会按照HTML文档中的顺序进行布局，不会受到任何定位属性的影响。虽然静态定位在布局中不如相对定位、绝对定位或固定定位那样灵活，但它仍然是网页布局中不可或缺的一部分。
静态定位的基本概念
静态定位的元素遵循以下规则：
元素按照其在HTML文档中的顺序进行布局。
元素不会脱离文档流。
元素不会受到top、bottom、left、right等定位属性的影响。
实战案例：使用静态定位创建简单的网页布局
以下是一个使用静态定位创建简单网页布局的案例：

在这个案例中，
.container
是一个flex容器，它将页面分为头部、主体和底部三个部分。
header
和
footer
分别是头部和底部的信息区域，而
.main
是网页的主要内容区域。
静态定位的优势
简单易用：静态定位是CSS定位中最简单的一种，易于理解和实现。
兼容性好：静态定位在各种浏览器中都有很好的兼容性。
适合简单的布局：对于一些简单的布局，静态定位已经足够。
总结
静态定位是CSS定位中最基本的一种方式，它适用于简单的布局和不需要复杂定位效果的场景。通过理解静态定位的原理和实战案例，可以帮助你更好地掌握网页布局技巧。