圖像元素將不會到達容器的邊緣，因此與頁眉和頁腳圖像元素對齊

Question

爲什麼主要內容中的主要圖像元素不符合容器的邊緣。出於某種原因，我只是不知道爲什麼它不會伸展。

有什麼想法？

頁面鏈接 - http://www.carpenter-and-walrus.co.uk/sympathy.html

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

任何想法將是非常讚賞。

Answer 1

<img>元素不會伸展，除非您明確設置其寬度和/或高度。您的圖片寬度爲970像素，並且會保持原樣，除非您手動將其設置爲其他內容。

此外，您的標題和主圖像大於其容器可容納的大小。一個容器的可用寬度（通常）是，所以如果你有一個寬度爲1000px的容器，兩邊都有20px的填充，你只能有960px的內容可用。

如果你需要一個快速和骯髒的修復，對主圖像設置width: 1000px（也調整它的高度，以保持縱橫比），並給這兩個標題和主圖像的一些負面margin-left他們抵消你想讓他們。