如何爲整個網頁設置固定高度？

我認爲這是一個簡單的解決方法：如何爲整個網頁設置固定高度？

body 
{ 
    height: 1054px; 
} 

html 
{ 
    height: 1054px; 
}

這是不是設置頁面的最大高度1054px？我也曾嘗試這些解決方法，但我想他們沒有工作：

html 
{ 
    overflow: hidden; 
} 

<body><table id = "myTable"><tr><td> ..... </tr></td></body> 

#myTable 
{ 
    height: 100%; 
}

如何設置網頁中的絕對高度？另外我更感興趣的是爲什麼body和htmlheight調用不起作用。我做了很多position: relative的調用，會對它有影響嗎？

來源

2011-05-11 Stanley Cup Phil

你可以改變'HTML {溢出：隱藏;}'來'體{溢出：隱藏;}'在第二CSS – JiminP 2011-05-11 13:28:45

我可能是錯誤的，但是，我不認爲你需要設置身體的高度，因爲它是從html繼承的 – Rob 2011-05-11 13:29:56

我擔心這些元素上的「overflow：hidden」。如果我在'html'上做了，並且說某人最小化了該頁面或其他內容，那麼該頁面的一半就變得無法查看。這是'身體'的情況嗎？ – 2011-05-11 13:30:34

width和height分別設置元素的絕對寬度和高度。 max-width,max-height,min-width和min-height是分開的屬性。

與1054px方內容的頁面和一個完整的背景，例如：

html { 
    min-width: 100%; 
    min-height: 100%; 
    background-image: url(http://www.example.com/somelargeimage.jpg); 
    background-position: top center; 
    background-color: #000; 
} 

body { 
    width: 1054px; 
    height: 1054px; 
    background-color: #FFF; 
}

不過，既然你似乎是表樣式（urgh），它很可能是更明智的設定的高度表格爲1054px，並讓身體自動調整以包含整個表格。（當然，保留上面提出的html樣式。）

來源

2011-05-11 13:30:05 lpd

我試試這個。表格樣式不會成爲問題。我只是在某處看到表格可以用來設置最大頁面高度和寬度，這就是爲什麼我使用它們的原因 – 2011-05-11 14:24:24

好問題。我不確定，但是您是否嘗試過在<body>內使用單個<div>（或<section>），並將width,height和overflow: hidden設置爲？瀏覽器可能會給予特殊處理<html>和<body>。

來源

2011-05-11 13:31:59

我在另一個頁面上嘗試過，結果非常好。它也在Facebook上工作（這是我的大部分發展），所以這也是一個好處 – 2011-05-11 14:31:26

您是否嘗試將body的CSS邊距設置爲0？否則，會有一些額度（取決於瀏覽器）的頁面高度（和寬度）中包含的邊距，但不受高度樣式控制;

在CSS：

body: { margin: 0; }

jQuery中：

$('body').css('margin', 0);

來源

2011-05-11 13:33:11 btx

如何爲整個網頁設置固定高度？

回答

相關問題