css - 图像元素不会到达容器的边缘，因此与页眉和页脚图像元素对齐

Question

为什么主要内容中的主要图像元素不与容器的边缘相遇。出于某种原因，我只是无法弄清楚为什么它不会伸展。

有什么想法吗？

页面链接 - http://www.carpenter-and-walrus.co.uk/sympathy.html

元素-葬礼-花圈-向日葵-c.gif

任何想法将不胜感激。

Answer 1

<img>除非您明确设置它们的宽度和/或高度，否则元素不会拉伸。您的图像宽 970 像素，除非您手动将其设置为其他值，否则它将保持这种状态。

此外，您的标题和主图像大于其容器可以容纳的大小。容器的可用宽度（通常）是（通常）width - padding，所以如果你有一个 1000px 宽的容器，两边都有 20px 的填充，你将只有 960px 可用于内容。

如果您需要快速而肮脏的修复，width: 1000px请为主图像设置（并调整其高度以保持纵横比）并为标题和主图像设置一些负值margin-left以将它们偏移到您想要的位置。