1. 首頁
  2. 問答
  3. HTML正文不是頁面的高度

HTML正文不是頁面的高度

2012-04-24 66 views
0

我有奇怪的問題。我有一個兩列DIV佈局，我通過body元素的背景圖像設置頁面的背景。HTML正文不是頁面的高度

但是我的身體元素並不像我的可見內容那麼高。我認爲問題是絕對定位的div容器比頁面的其餘部分增長更多。

我該如何解決這個問題？

來源

2012-04-24 schlingel

+3

請發佈您的相關HTML和CSS – Curt 2012-04-24 10:47:32

+1

...或理想情況下，jsfiddle.net上的失敗示例 – RichieHindle 2012-04-24 10:48:36

+0

oO我無法在一個小例子中重現該問題。看來問題在於不同部分的不同CSS選擇器的組合。 – schlingel 2012-04-24 11:31:22

回答

2

按照給定的資料很少，讓我提出加高你的身體：

body { height:100%; }

根據你的設計，這可能會奏效，可能不會。

來源

2012-04-24 10:48:56

+0

你必須定義html＆body爲100％高度 – sandeep 2012-04-24 10:51:39

+0

@sandeep再次：取決於。 'html，body，form {height：100％; ''也是一種變化。 – 2012-04-24 10:52:55

0

嘗試包括

body 
{ 
    height: 100%; 
}
在你的CSS文件

。

來源

2012-04-24 10:49:34 Baruch

0

這樣寫：

html, body { 
    height:100%; 
}

來源

2012-04-24 10:50:23 sandeep

0

沒有代碼或例子我的建議是包括瀏覽器一個不錯的CSS重置。瀏覽器默認有一個CSS「電子表格」，通常主體有邊距。

Try this one

來源

2012-04-24 10:50:51

0

在你的CSS文件，你可以使用：

html{ 
    background: url(../images/image.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
}

將背景圖像尺寸調整到所有顯示器。

來源

2012-04-24 10:53:40 Silviu

+0

背景圖像是重複建立的，但無論如何要感謝。 – schlingel 2012-04-24 11:30:38

0

對不起，我不能發佈解決方案的代碼，因爲那樣我就不得不發佈整個相當大的HTML文件。

這個問題似乎是我正在處理的頁面的種類：它只是一個HTML網站，分爲幾個部分。但是每一部分都將在古典網頁設計中成爲一個整體頁面。用戶用JS切換部分。

刪除位置：相對來自不斷增長的內容div，使節高度達到100％，不斷增長的內容div高度達到100％，它似乎可以工作。

但是還有一點奇怪的是，爲什麼這個部分的增長速度不如動態大小內容的div。

來源

2012-04-24 11:34:49 schlingel

相關問題

 相關問題