position的absolute与fixed共同点与不同点_

shiyuanyin

static relative定位不脱离文档流，relative相对定位在某父元素下指定left right top等是嵌入到页面中

Absolute绝对定位，脱离文档流，，没有父元素，上下左右设置是针对于浏览器窗口，不占据位置，会随着窗口大小与页面一起改变

Fixed固定定位，只针对浏览器窗口定位，上下左右，不会随着窗口大小改变，固定不变，例如固定位置的小广告。

发表于 2018-02-01 16:39:24 回复(0)

牛客367609523号

共同点：

脱离正常文档流

不同点：1）absolute相对于有定位父元素进行定位,相对于static定位以外的第一个父元素进行定位。absolute通过z-index进行层次分级。absolute没有定位的父级相对于body进行定位 2） fixed（固定定位）相对于浏览器窗口进行定位

发表于 2021-01-22 11:37:25 回复(0)

牛客好运好运🙏

absolute与fixed的共同点：都会让元素脱离文档流，不占用空间，默认覆盖到非定位的元素上。

不同点：absolute是相对于父元素（设置了relative的父元素）进行定位，fixed是相对于浏览器窗口进行定位。

发表于 2020-10-18 19:14:06 回复(1)

小子琳

共同点：

1、改变行内元素的呈现方式，将display置为inline-block

2、使元素脱离普通文档流，不再占据文档物理空间

3、覆盖非定位文档元素

不同点：

1、abuselute与fixed的根元素不同，abuselute的根元素可以设置，fixed根元素是浏览器。

滚动网页，fixed与浏览器的距离是不变的。

编辑于 2018-07-18 16:07:20 回复(0)

梭梭苏苏

position:absolute和float会隐式的改变display类型，不论之前是什么类型的元素（display:none除外），只要设置了position:absolute或float，都会让元素以display:inline-block的方式显示，可以设置长宽，默认宽度并不占满父元素，就算是显示的设置display:inline或display:block，仍然无效。

float在IE6下的双倍边距bug就是利用添加display:inline来解决的

注意一点的是，position:relative并不能够隐式的改变display的类型

发表于 2016-07-26 14:26:21 回复(0)

挣钱买包包

1.absolute和fixed的相同点，都会脱离文档流
2.不同点：absolute相对是第一个有定位的祖元素进行定位，fixed相对于浏览器进行定位。
在有滚动条的页面中，absolute会跟着祖元素进行移动，fixed固定在页面的具***置。

发表于 2016-09-08 21:24:19 回复(2)

阿珊和她的猫

position属性用于控制元素的定位方式。absolute和fixed都是position的属性值，它们有一些共同点和不同点：

共同点：
1. 两者都是相对于最近的具有定位属性的父元素（比如设置了position为relative或fixed）或根元素（即浏览器窗口）进行定位。
2. 使用absolute或fixed的元素可以通过top、right、bottom、left属性来调整其位置。

不同点：
1. absolute定位是相对于最近的具有定位属性的父元素，而fixed定位是相对于浏览器窗口进行定位。
2. absolute定位的元素会脱离正常的文档流，不占据原本的空间位置，而fixed定位的元素会固定在屏幕上的某个位置，不会随滚动而变化。
3. 在滚动页面时，absolute元素会跟随父元素滚动，而fixed元素会保持固定位置。
4. absolute元素的定位是基于父元素的位置计算的，而fixed元素的定位是相对于浏览器窗口的位置计算的。

总结起来，absolute定位和fixed定位都可以用于元素的定位，但相对于定位的基准点不同，效果也会有所差异。

发表于 2023-09-02 16:00:07 回复(0)

呼啦婷婷

共同点：都是可以进行定位的操作。 1、脱离标准流（脱标），不会占据位置 2、可以改变元素的display属性，可以转换为类似行内块形式。宽度由内容决定，可以控制高度、内边距、外边距、边框不同点： 1、absolute是以带有定位的父元素为准的（拼爹型）如果没有定位的父级就以body进行定位，fixed是以浏览器为准（认死理型）

发表于 2021-03-29 21:42:14 回复(0)