什么时候要用到相对定位和绝对定位?
当你想要实现一个效果就是一个div上面又盖了一个div,就要用到定位。用了相对定位和绝对定位之后呢,这个div就会在浏览器中像浮起来一样。而且你还可以设置这个div的移动位置,让这个div 任意处在这个网页中的任何位置。
定义:
relative:定位是相对于自身位置定位(设置偏移量的时候,会相对于自身所在的位置偏移)。设置了 relative 的元素仍然处在文档流中,元素的宽高不变,设置偏移量也不会影响其他元素的位置。最外层容器设置为 relative 定位,在没有设置宽度的情况下,宽度是整个浏览器的宽度。
absolute:定位是相对于离元素最近的设置了绝对或相对定位的父元素决定的,如果没有父元素设置绝对或相对定位,则元素相对于根元素即 html 元素定位。设置了 absolute 的元素脱了了文档流,元素在没有设置宽度的情况下,宽度由元素里面的内容决定。脱离后原来的位置相当于是空的,下面的元素会来占据位置。