html - 如何创建未调整为父级宽度的 block ？

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 元素根据定义占用其父元素的宽度，除非被具有定义单位的特定宽度显式覆盖。您不能让它自由 float 到其内容的宽度。考虑内联。