持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第17天，点击查看活动详情
CSS定位（Positioning）属性允许为一个元素定位：可以将一个元素放在另一个元素后面。同时支持指定一个元素的内容太大时，对应的调整行为～
Static
- HTML元素的默认值（即没有定位，元素出现在正常的流中）
- 静态定位的元素不会受到
top,bottom,left,right影响
Fixed
-
元素的位置相对于浏览器窗口是固定位置。
-
即使窗口是滚动的它也不会移动
<style>
p.sw_fixed{
position:fixed;
top:100px;
right:400px;}
</style>
Relative
- 相对正常元素定位
- 元素覆盖（重叠）原本所占位置并不会改变
<style>
//相对于标题2正常位置靠左20px
h2.pos_left
{
position:relative;
left:-20px;
}
//相对于标题2正常位置靠右20px
h2.pos_right
{
position:relative;
left:20px;
}
</style>
Absolute
- 绝对定位的元素的位置相对于 最近的 已定位父元素
- 如果元素没有已定位的父元素，那么它的位置相对于
html
<style>
h2{
position:absolute;
top:200px;
left:300px}
</style>
特别注意：Absolute使元素位置与文档流无关，不占据空间；同时定位的元素和其他元素重叠[（重叠进阶可参考）](blog.csdn.net/qq_28796345…)
写在最后
重新开始更文啦！最近忙了一段时间，终于继续可以学习！感谢大家的支持！我会继续努力坚持学习！养成了好习惯，每天必定会抽出时间多多少少学习前端知识～
以上习题&笔记从大佬们的论坛学习而来，特感谢大佬们的知识分享～ （学习技术知识，果然要看大佬们的技术博客，大家有好的推荐也欢迎指引我这个小白哈，感恩！）
附上学习链接，感谢这些大佬出题和解答：
