背景圖像似乎溢出容器

我使用Firebug來處理我的CSS。背景圖像似乎溢出容器

它顯示HTML，正文和內部容器都在620px高度。我認爲我的窗戶大約640px高。

使用螢火蟲我可以清楚地看到，所有的元素都只是短於窗口的整個高度而已，但是身體bg-image似乎佔據了整個窗口的高度，超出了相對容器的大小。

這是/爲什麼？

注意：這是一個使用normalize.css作爲重置的Drupal站點。當我談論身高時，內容上沒有填充或邊距。

我推到測試，看這裏 - http://mermaidriverpools.rickdonohoe.co.uk/

來源

2013-06-02 Rick Donohoe

請發表您的代碼（甚至更好，小提琴），所以我們可以看到有哪些你在做它。謝謝 –

請參閱編輯問題。 –

瑞克，請參閱我的編輯。希望它能解決你的問題。 –

好吧，看你的網頁，我和你一樣惱火。但我想我已經找到了爲什麼會發生這種情況。

在此fiddle，你可以看到背景屬性（顏色，圖像...）一直延伸到頁面上IF這是專門ON body標籤。不要緊，身體有多大（這是一個1x1的小提琴）。

它必須是瀏覽器行爲。這不會改變身體的實際大小。它將遵循正常規則（大小與內容相同，如果設置了特定大小，或者如果設置了繼承，則與父級相同）。

但在此other one（將背景顏色設置爲具有固定尺寸的內部div），背景顏色不會遍佈整個頁面。

嘗試創建一個包裝作爲你的身體的一個孩子，並在其上放置身體樣式。

<body> 
    <div class="all your body classes here"> 
    </div> 
</body>

來源

2013-06-02 10:43:05

這是一個值得的，因此是upvote。更重要的是身體沒有填滿整個屏幕（爲什麼它是短的？），爲什麼這會發生，這意味着有更好的答案的空間。因爲沒有被接受而被看到。 –

@RickDonohoe對不起，也許我應該多解釋一下。設置背景（圖像或顏色，無論）身體使該屬性採取遍及整個頁面（即使身體只有1pxX1px大小）。但這並不意味着身體具有相同的尺寸。它將遵循一般規則來確定大小（內容的大小，您設置的特定集合，繼承）。也許我們看到不同的東西？這就是您的網頁目前在我的屏幕上的樣子：http://tinypic.com/r/2d2cf8/5 我會更新我的答案以更好地反映此問題。 –

如果你使用Firefox瀏覽器，你可以按

ctrl+Shift+m

和發青枝條resoltion你需要

來源

2013-06-02 11:02:46

背景圖像似乎溢出容器

回答

相關問題