本文介绍了CSS中的四种定位方式：static、relative、absolute和fixed，详细解析了每种定位的工作原理及如何使用top、bottom、left、right属性进行定位。同时提到了z-index在定位中的作用以及层叠分级的概念。
定位(position)
什么是定位？
百度百科上的说法对定位的解释是：在CSS中关于定位的内容是：position:relative | absolute | static | fixed。static 没有特别的设定，遵循基本的定位规定，不能通过z-index进行层次分级。在文本流中，任何一个元素都被文本流所限制了自身的位置，但是通过CSS我们依然使得这些元素可以改变自己的位置，我们可以通过float来让元素浮动，我们也可以通过margin来让元素产生位置移动。通俗的说，定位就是确定位置。CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。使用css我们可以对HTML页面内容进行定位。
position 属性规定应用于元素的定位方法的类型
position 属性的五个值：
- static
- relative
- fixed
- absolute
- sticky
- 元素可以使用的顶部，底部，左侧和右侧属性定位。然而，这些属性无法工作，除非是先设定position属性。他们也有不同的工作方式，这取决于定位方法。
static定位
默认值，即没有定位，支持正常的文档流对象
<html>
<head>
<meta charset="utf-8">
<title>定位</title>
<style>
div
最低0.47元/天 解锁文章
721
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
