麻煩江市與CSS

-1

如果查看HTML和CSS源，你可以看到，我已經設置了div的高度在中間100％，並給它一個隱藏的溢出屬性值，它被稱爲「main_content」。我意識到高度值對顯示內容沒有影響，隱藏的溢出值允許main_content div的背景顏色向下擴展到頁腳。我想我想知道什麼是最好的方式來實現每個頁面上的變量div高度或「main_content」，同時保持背景顏色。我是以正確的方式來做這件事，還是我正在使用某種css hack，而這種做法並不是正確的做法。所有見解都值得歡迎。請確保在給我一個答案之前查看源代碼HTML和CSS。

來源

2010-02-07 Dan

最簡單的解決方案是將背景色分配給您的body元素。事情是這樣的：

body { 
margin: 0; 
padding: 0; 
width:100%; 
height:100%; 
background-color:#cccccc; 
}

這也將消除邊緣周圍幾個像素的白色邊框，如果要維持，取出margin和padding聲明。

來源

2010-02-07 18:18:30

好的，但如果我這樣做，那麼灰色也會填充頁腳下方的瀏覽器窗口中的任何未使用的空間，我想這只是與領土相符，我將不得不將填充設置爲100px該消息框的頂部和底部？ – Dan 2010-02-07 18:26:53

@丹 - 像這樣的東西可能是一個更好的解決方案：http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page這是一個很好的教程，讓你的頁腳留在頁面底部。我更喜歡頁腳停留在那裏，但如果你想填充或固定到底部，則由你決定。 – 2010-02-07 19:15:02

我可能誤會了你想要的，但試試這個：

替換DIV＃intro_container：

div#intro_container { 
width:830px; 
margin:auto; 
overflow: hidden; 
background-color:#333333; 
}

並從DIV＃MessageBox的height屬性。

來源

2010-02-07 19:09:09 akiller

嗯，沒有做任何事情 – Dan 2010-02-07 19:11:05

它看起來像這樣對我來說，這是想要你想嗎？ http://img521.imageshack.us/img521/3203/danb.png – akiller 2010-02-07 19:20:00

我更喜歡這樣做：

在格的主要內容「的內容，添加

在你的情況下，它是

<div id="main_content"> 
    <div id="navigation">..</div> 
    <div id="intro_container">..</div> 
</div>

它凸輪被改寫爲

<div id="main_content"> 
    <div id="navigation">..</div> 
    <div id="intro_container">..</div> 
    <div style="clear:both"></div> 
</div>

AFAIK這是一個實現你在做什麼的標準方法。

來源

2010-02-07 19:54:18

麻煩江市與CSS

回答

相關問題