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

Question

为什么主要内容中的主要图像元素不与容器的边缘相交。出于某种原因，我只是想不通为什么它不会拉伸(stretch)。

有什么想法吗？

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

元素 - funeral-wreath-sunflowers-c.gif

任何想法将不胜感激。

Answer 1

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

此外，您的页眉和主图像超出了它们的容器所能容纳的范围。容器的可用宽度(通常)为 width - padding所以如果你有一个 1000px 宽的容器，两边都有 20px 的填充，你将只有 960px 可用于内容。

如果您需要快速修复，请设置 width: 1000px对于主图像(并调整它的高度以保持纵横比)并给标题和主图像一些负面的 margin-left将它们偏移到您想要的位置。