如何创建未调整为父级宽度的块？

Question

我有这样的情况：

<div>
  <a href="#"><img alt="" src="img.jpg"></a>
</div>

div { width: 200px; }
a { display: block; width: auto; }

我期望给出的“a”元素所需的最小宽度 - 在这种情况下是图像的宽度。但相反，我得到了宽度为200px的“a”。如何防止这种大小调整？

Answer 1

block元素按定义占用其父元素的宽度，除非由具有已定义单位的特定宽度显式覆盖。你不能将它自由浮动到其内容的宽度。考虑inline。