css布局绝对定位和相对定位疑惑?

CSS定位：固定定位、绝对定位与相对定位的实操理解在CSS中，定位主要分为三种类型：固定定位、绝对定位和相对定位。固定定位允许你将元素固定在特定位置，如下拉时图片始终保持在可视区域，即使滑动到页面底部也是如此。说到子绝父相，这是指子元素采用绝对定位，而父元素采用相对定位的布局策略。

绝对定位是一种CSS布局方式。绝对定位是一种在CSS中用于定位元素的方式。与相对定位不同，绝对定位的元素位置是相对于最近的已定位的祖先元素，如果没有已定位的祖先元素，那么它的位置则相对于初始包含块。这意味着绝对定位的元素可以脱离文档流，不受其他元素的影响，独立存在于页面的特定位置。

在 CSS 中，通过 position 属性定义元素的定位模式，它决定元素的定位方式。position 属性值分为四种：静态定位(static)、相对定位(relative)、绝对定位(absolute)和固定定位(fixed)。静态定位(static)：选择器 { position： static； }，元素的定位模式为静态，它不会改变元素的默认位置。

css中的相对定位和绝对定位也是同样的道理。比如 这是从当前位置（默认位置）往左移20像素，往下移10像素 这是移到离自己最近的具有定位属性（相对或绝对）的上级元素（如果没有则是当前窗口）的左边20像素上边10像素的位置。

div+css布局很少用定位，除非做些特效或有必要才定位。div的布局就像表格那样嵌套，如果要问绝对定位好还是用相对定位好？因为绝对定位（和文档流没关系）如无申明，则其是对与body而言的，处理不好的话。如显示器尺寸变了，可能就会变型。

绝对定位 相对定位实际上被看做普通流定位模型的一部分。因为元素的位置相对于它在普通流中的位置。与之相反，绝对定位使元素的位置与文档流无关，因此不占据空间。普通文档流中其他元素的布局就像绝对定位的元素不存在时一样。

css中position:fixed;是什么意思?

1、CSS中position：fixed；的含义是固定定位。position属性的作用 在CSS中，position属性用于控制元素在网页上的定位方式。它有五种不同的值，包括static、relative、absolute、fixed和sticky。

2、CSS中的position属性提供了对元素定位的控制，其中position： fixed是一个关键的值。它使得元素在浏览器窗口中始终保持固定的位置，不随页面滚动而变化。要实现这种定位，你需要使用left， top， right， bottom这些属性来指定元素相对于视口的确切位置。

3、在使用CSS+DIV进行布局时，对position属性的四个值（static、relative、absolute、fixed）的理解经常让人感到困惑。以下是它们的区别和用法总结： static（静态定位）：这是默认值，元素位于正常布局流中，忽略top、bottom、left、right和z-index的设置。

4、position：fixed属性用于生成相对于浏览器窗口的绝对定位元素。然而，若父元素应用了transform属性，position：fixed会失效。具体现象如下：当父元素使用transform属性时，子元素的position：fixed效果缺失，导致如顶部导航栏这类元素消失。