今天小编跟大家讲解下有关css之定位 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关css之定位 的相关资料，希望小伙伴们看了有所帮助。
定位是css当中一种操作html元素布局的方案属性positionstatic：默认值，无特殊定位，对象遵循html原则；
absolute：绝对定位，将对象从文档流中完全拖离出来，使用left/right/top/bottom等属性相对其最接近的一个并有定位设置的父元素进行绝对定位；如果不存在这样的父对象，则依据网页进行定位，而其层叠通过z-index属性定义；
relative：相对定位遵循正常的文档流，将依据right，top，left，bottom（相对定位）等属性在正常文档流中相对自身位置进行偏移；其层叠通过z-index属性定义；
fixed：类似于绝对定位的方式，但是它的参照物是浏览器的“可视”窗口，且脱离标准文档流；
inherit：规定元素的定位方式继承父元素的position的属性值；
sticky：粘性定位，该定位基于用户滚动的位置；它的行为就像 position:relative; 而当页面滚动超出目标区域时，它的表现就像 position:fixed;，它会固定在目标位置；
定位元素的层级关系z-indexauto：默认值。遵循结构，后写的定位元素层的顺序靠上；
number：无单位的整数值。可为负数，数值越大，层的顺序越靠上；
Tip：此属性仅仅作用于 position 属性值 relative 或 absolute,fixed 的对象；子元素的层级关系会受到父元素的影响，父元素层级小，子元素层级再大也没用；
相对定位和绝对定位的区别1.参照物不同，绝对定位（absolute）的参照物是包含块（父级），相对定位的参照物是元素本身位置；
2.绝对定位将对象从文档流中拖离出来因此不占据空间，相对定位不破坏正常的文档流顺序无论是否进行移动，元素仍然占据原来的空间，形影分离；
高度塌陷如果父元素未设置具体高度，子元素设置了绝对定位，将会发生父元素高度塌陷；
高度塌陷解决办法不同于解决浮动带来的父元素高度塌陷的解决办法，定位带来的父元素高度塌陷目前我只知道两种：1.给父元素设置高度；2.使用js
代码
来源：爱蒂网
