html 图形标签大小不适应图像大小，找不到原因

Question

请检查此 url(使用您选择的调试器)和其中的图片，这是我正在上 atm 的类(class)，我无法弄清楚为什么图形标签使用的是完整的可用宽度而不是只是从各自的图像中继承高度和宽度？ :P

http://www.student.bth.se/~kaoa13/htmlphp/bmo/artiklar.php

Answer 1

继承并不像您的问题所暗示的那样起作用。自 <img>标签在 <figure> 内标记，<img>标签是 <figure> 的子项标签。这意味着 <img>标签将继承 <figure> 的宽度标记，而不是相反。如果你想覆盖这个继承，你必须在 CSS 中设置宽度值。您将必须设置 <figure>宽度，如果您不希望它们使用全宽。