fixed定位的元素与HTML元素的覆盖（元素定位css）

讲讲相对定位、绝对定位、固定定位的理解?

绝对定位不仅会改变显示的位置，而且会改变占用的空间位置。就好比是元素处于一种悬空漂浮的状态，没有“肉体”！关于距离的正负值，和上面的相对定位的性质一样。

CSS元素定位主要有四种类型：静态定位（Static）、相对定位（Relative）、绝对定位（Absolute）和固定定位（Fixed）。 静态定位（Static）：这是元素的默认值，即元素在文档的正常流中定位。静态定位的元素不会受到 top， bottom， left， right等定位属性的影响。

相对于一个元素的正常位置来对其定位。定位：绝对定位 使用绝对值来对元素进行定位。定位：固定定位 相对于浏览器窗口来对元素进行定位。

问题提得太多，建议你提高分数，最好的办法是去买一本关于GPS的书籍读一读。

相对定位：是设置为相对定位的元素框会偏移某个距离。绝对定位：absolute 脱离文档流，通过 top，bottom，left，right 定位。特点不同 相对定位：在使用相对定位时，无论是否进行移动，元素仍然占据原来的空间。因此，移动元素会导致它覆盖其它框。

划线定位方式有四种，分别是固定定位、相对定位、绝对定位和静态定位。 固定定位：当元素的position属性设置为fixed时，该元素会被固定在屏幕上，不会随着滚动条的移动而改变位置。它相对于屏幕的可视区域进行定位。

在HTML中,三种定位的区别和含义分别是什么?

1、在一般的前端开发中比较常用的定位有三种：相对定位，绝对定位，固定定位。

2、相对地址顾名思义就是相对于一个参照物的地址，打个比方，例如一辆车，车位相对于车头的距离等于车身的长度，是不会改变的即使车行驶到不同的地方，而绝对距离就比如车到一个固定地方的距离例如车库，车开走后距离是不断在改变的。

3、position： relative； 相对定位。相对于其父级元素来定位。生成相对定位的元素，相对于其正常位置进行定位。因此，left：20 会向元素的 LEFT 位置添加 20 像素。absolute 绝对定位 ，通过 top，left 样式来绝定元素位置。

4、即，若父元素没有设置相对定位，而元素本身又是绝对定位，那么该元素相对于html元素定位（浏览器窗口左上角）设置了父级元素相对定位的情况 没有设置父级元素相对定位 fixed固定定位，它是相对于浏览器窗口进行定位，一般用于侧边栏的广告，联系方式等，可以参考淘宝，京东等网站的侧边栏。

为什么fixed的元素可以遮盖absolute的元素

fixed 固定定位，参照位置是浏览器窗口的左上角，即坐标点为（0px， 0px） 对象定位遵从绝对（absolute）方式。但是要遵守一些规范 absolute ：绝对定位。将对象从文档流中拖出，使用 left ， right ， top ， bottom 等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。

absolute是浮动层，浮动层位于普通层之上，所以K3没有浮动时会被K2盖住。

改变行内元素的呈现方式，display被置为block； 让元素脱离普通流，不占据空间； 默认会覆盖到非定位元素上  不同点：absolute的”根元素“是可以设置的，而fixed的”根元素“固定为浏览器窗口。 当你滚动网页，fixed元素与浏览器窗口之间的距离是不变的。