如何让图片溢出到父级DIV容器外部？

• 先查最关键的：检查所有包含这张图片的上层容器（包括你说的父级DIV），如果有任何一个容器设置了overflow: hidden，直接改成overflow: visible——这是图片被裁剪的最常见原因。
• 给绝对定位的图片加偏移值：你现在的img只是设了绝对定位，但没指定偏移位置，它默认会贴在span的左上角，自然看不出溢出。给img加left: -5px; top: -2px;这类样式，让它往父容器外面挪，示例代码：

<span style="position: relative; display: inline-block">
  <img src="n.png" style="position: absolute; left: -6px; top: -3px; z-index: 10000; display: block" />
  Neke od...
</span>

• 确认你的span没有设置overflow: hidden（你当前代码里没加，但最好排查下），因为它是img的定位参考父元素，如果它设了隐藏，图片也会被裁。
• 用浏览器F12开发者工具辅助排查：选中img元素，查看右侧“计算样式”里的overflow是否为visible，同时检查所有上层容器的overflow属性，有没有被隐藏的规则。

内容的提问来源于stack exchange，提问作者Wyddoq