之前我在写css时，看了些博客，以及同事的写的css代码。发现了一个有点奇怪的东西，有的标签的css代码中有position:relative,但是top，left等属性是没有的。这我就很奇怪，怀疑是不是多写了一行代码。
昨天搜索了一下position属性，才发现了其中奥妙。一般元素是默认没有position定位的，或者叫做static定位，出现在正常的文档流中，是忽略top、left、bottom、right与z-index属性的。当你对元素使用绝对定位(position:absolute)和固定定位(position: fixed),该目标元素是相对除static定位之外的第一个父元素进行定位。所以有的时候，为了指定absolute相对的父元素，会给该父元素加一个position:relative。实质上，该父元素，位置并没有发生改变。
position值
absolute和relative定位 relative依据自身定位，不影响其他元素 absolute依据最近一层...
背景 之前我在写css时，看了些博客，以及同事的写的css代码。发现了一个有点奇怪的东西，有的标签的css代码中有...
一.绝对定位与相对定位 position:absolute/relative 二.浮动 float:left/ri...
absolute、relative与浮动float三者的区别 relative相对定位 将定位元素不偏离正常文档流...
position定位 absolute：绝对定位 static:自动定位 relative：相对定位 fixed：...
定位 position:static | relative | absolute | fixed; static ...
position:relative相对定位 position:absolute绝对定位 position:fixe...
定位 positon: relative(相对)、absolute(绝对)、static(无定位)、fixed(固...
1：relative相对定位，经常配合absolute来实现垂直居中； 2：absolute 绝对定位(脱离文档流...
定位流分类 相对定位->relative 绝对定位->absolute 固定定位->fix...
本文标题：absolute与relative定位
本文链接：https://www.haomeiwen.com/subject/akwpkqtx.html
网友评论