绝对定位和相对定位的区别


绝对定位和相对定位的区别

文章插图
【绝对定位和相对定位的区别】相对定位不会失去文档流中的位置 , 而绝对定位和固定定位都会失去原来在文档流中的位置而被下面的替代 。无论是相对、绝对还是固定定位 , 当偏移量超出上面、左边浏览器窗体(或者说超出可视区域)的时候 , 超出的内容都会被隐藏 。
绝对定位和相对定位
相对定位:对一个元素进行相对定位 , 它将出现在它所在的位置上 。可以通过设置垂直或水平位置 , 让这个元素“相对于”它的起点进行移动 。
绝对定位:文本流中的内容会顶替绝对定位元素的位置 , 而绝对定位元素自然的层叠于文本流之上 。而在单一的绝对定位中 , 定位元素将会跑到网页的左上角 , 因为那里是被绝对定位后的坐标原点 。

    推荐阅读