HTML:图像跨越边界

HTML:图像跨越边界,html,image,border,Html,Image,Border,我想不出来。我有一个div,它的图像与div的宽度相同。在图片下我想显示一些文本。所以它基本上是一个方框,上半部分是图像,下半部分是文本。现在我想在整个div周围添加一个边框。这会重置图像的位置,因为它必须为边框留出空间。有没有办法使图像位置不受边界影响?那么它基本上是越过边界的 <div style="background-color: white; padding-bottom: 60px; margin-top: 20px; margin-left: 20px; m

我想不出来。我有一个div,它的图像与div的宽度相同。在图片下我想显示一些文本。所以它基本上是一个方框,上半部分是图像,下半部分是文本。现在我想在整个div周围添加一个边框。这会重置图像的位置,因为它必须为边框留出空间。有没有办法使图像位置不受边界影响?那么它基本上是越过边界的

<div style="background-color: white; padding-bottom: 60px; margin-top: 20px; margin-left: 20px;     margin-right: 20px; border-left: solid 9px #adbb0c; border-right: solid 9px #adbb0c">
<img src="vogelstimmen.png">
<div align="left" style="padding: 20px"><h2>In iTunes kaufen</h2></div>
<p id="extender">
<a href="#" id="extend"><img src="more.png" align="right" style="margin-top: 55px"></a>

在iTunes kaufen中


您能否使用边距调整图像的位置以补偿边框的厚度

更改img标签,如下所示

<img src="http://static.bbci.co.uk/frameworks/barlesque/2.70.0/orb/4/img/bbc-blocks-dark.png" style="margin-left:-9px">


您能为JSFIDLE提供一个工作图像吗?如果您以前没有使用过JSFIDLE,那么它是处理html/css和js的超级酷工具。当然,我不能,因为它说“你可以接受在5分钟内”酷没有问题,没有意识到这一点。对不起的