web初学者的position：absolute;小理解

作为一个计算机行业的大一菜鸟，第一次写技术类博客还是很激动的

，下面写一下自己对absolute绝对定位的小认识，如有任何错误，请各位大牛们予以指正，多谢啦

。

在css实现position定位的时候，absolute绝对定位是相对于文档流中位置，在此文中，我来说一下助图片组合的方法，那么排在它后面的的内容会自动进位，进而可被其覆盖。绝对定位是有效而强大的。

为什么这么说呢？

例如：我们在一个父元素中的样式设置为：position：relative;那么通过卡死子元素中margin属性的top，bottom，left，right值可以实现父子元素的精准嵌套组合布局，比如可以在一块状元素的边角某一位置加上一些特殊标记（例如影片播放的右上角的标签：vip专享，蓝光，高清。。）

通过此标记作为在一些实际界面中是精巧实用的的。但却存在一点小小的弊端。例如：某样式需要在多个html文档中广泛运用，那么其会受到父元素的非通用属性的制约。

与此相比，我们对子元素的绝对定位，与此同时父元素中不要出现任何relative属性值。以图片镶嵌为例，子图片绝对定位后由于出现在镶嵌父图片的右端，那么设置其margin-left ：-图片宽度；即可成功从右面嵌入前一图片（注意此时文档中两行代码中不要出现回车、空格等，避免图片之间产生间隙致使偏差），且由于绝对固定于文档流，不会受到浏览器缩放的影响。

刚刚开始，大家一起加油！