html图形标签大小不调整到图像大小，找不到原因

Question

请查看此网址（使用您选择的调试程序）及其中的图片，这是我正在参加的课程，我无法弄清楚为什么数字标签使用完整的可用宽度而不是只是从各自的图像继承高度和宽度？ ：P

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

Answer 1

继承不会像您的问题所暗示的那样起作用。由于<img>代码位于<figure>代码内，因此<img>代码是<figure>代码的子代。这意味着<img>代码将继承<figure>代码的宽度，而不是相反。如果要覆盖此继承，则必须在CSS中设置宽度值。如果您不希望它们使用整个宽度，则必须设置<figure>宽度。