Question

我无法解决这个问题。我有一个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>

Answer 1

您可以使用边距调整图像的位置以补偿边框厚度吗？

更改img标签，如下所示。

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

HTML：边界图像

1 个答案: