定位(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