2013-02-04 103 views
0

我在某些網頁中看到,當瀏覽器窗口調整大小時,在div(特別是頁眉和頁腳區域)後面添加空格。我發現解決方案是使用這些區域的最小寬度。爲什麼在窗口大小上需要最小寬度?

爲了看到問題,我說過請調整Stack Overflow.com的任何頁面,例如您正在閱讀的頁面。我見過很多有這個問題的網站。

但是它爲什麼如此呢?爲什麼需要? Div是一個塊元素,當沒有定義寬度時,應該伸展到這個父寬度,所以頁眉和頁腳應該是100%,沒有任何空格。

這裏的一個屏幕截圖:

xx http://thesis.um.ac.ir/Screenshot-16.jpg

+0

我真的沒有看到你在說什麼。屏幕截圖會有所幫助。 – Dave

+0

嗨戴夫,我把截圖的鏈接。請看看它。 –

+1

@hd。當它是這樣的時候檢查頁面的body元素。該div確實伸展到它的父元素的寬度。身體元素與視口一樣寬。 – sachleen

回答

1

是的,作爲一個塊級元素,它會延伸到它的相對的容器寬度。也就是說,任何具有非靜態位置或維度的父級或容器。如果層次結構中沒有設置維或位置的元素,則使用該窗口。 <html><body>元素實際上並不是寬度默認基於的元素。默認情況下,該窗口實際上設置了塊爲*的<html><body>元素的大小,即使子元素在其外部運行,該元素仍會變小。

因此,您所看到的是<body>元素的大小越來越小,即使頁面上的內容運行結束。

*注意:<html><body>實際上並不是塊,但它們可以被認爲是塊級別用於此目的。

相關問題