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

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以抵消他们到你想要的地方。