跨边界不包裹图像

Question

我正在尝试使用跨度包装图像，但是当在跨度中应用边框时，边框会被剪裁。为什么会这样？

http://jsfiddle.net/c743yeLt/1/

<span id="imagem">
    <img src="http://www.greentechmedia.com/content/images/articles/google-utility.jpg"/>
</span>

span{
    border: 5px solid black;
    cursor:pointer;
}

Answer 1

span 元素是一个内联元素。因此，为了更好地查看它与子元素的交互，请为 span 提供以下属性之一：

display:inline-block (probably this)
display:block