两个定位是不一样的分别是absolute(绝对定位)和 relative(相对定位)。
绝对定位(absolute):它会根据父级元素进行定位,如果父级元素没有定位,那他会一直往上找,直到找根元素(html)来进行定位,并且使用绝对定位时它会脱标(脱离文档流或者说脱离标准流)。
相对定位(relative): 相对定位简而言之就是相对于元素本身的位置做出的变化,但他并不脱标(脱离标准流)。这里得注意一下相对定位(relative)是相对于自己本身位置移动,原本空间依然是在的,参照物是自己。
网站建设认为很多学习布局的人,都卡在定位这块,难就难在相对定位与绝对定位的配合上,不知道他们两个之间具体有什么区别。
这节课虽然文字性的内容比较多,但是基本上每一句话都很重要,如果想学好,那就耐下心来仔细看,对教程中的每个假设都要自己验证,自己总结规律,如果自己懒的证明,那就记住本节最后的话就行了。
提问:如果页面内某个元素没有设定position属性,那么他是否具有position属性?
回答:具有position属性,并且属性值是static。原因在于网页里任一元素的默认position属性值均是static(静态)。
上面这个问题主要是给大家补充一个知识点,很多Web前端开发工程师都不知道这点,所以在这节开头给大家补补课。