2011-11-03 47 views
0

我有這個頁面佈局:CSS最小高度和邊境

<header> 
<content> 
<footer> 

我有邊框的左右應用到內容,與最小高度。但如果內容超過最小高度,那麼邊界不會相應地重新調整。

我該如何解決這個問題?

+3

你到目前爲止如何嘗試?給你的代碼和解釋 –

回答

1

您的內容塊中可能有一些浮動元素,所以內容塊由於缺乏「真實」內容而未調整。在內容的其餘部分之後,嘗試在內容塊中添加類似<br style="clear: both;" />的內容。
否則,甚至更好,用製作的jsfiddle解釋你的問題:http://jsfiddle.net/

+0

是的,它的工作。謝謝! – user985351

0

KASIMIR是正確的它可能是一個結算問題,如果您使用的浮筒,我更喜歡的clearfix方法(雖然有些foolery是在舊版本的IE中需要),因爲它在語義上更正確(我認爲)。

http://www.webtoolkit.info/css-clearfix.html

與位的代碼的更新將是有益的。

+0

我同意添加'
'是一種'快速和骯髒'的方法。我用它來確定需要clearfix的位置。 Stackoverflow是這樣一個極好的資源,已經包含了一個關於最佳或正確的方法的優秀討論:http://stackoverflow.com/questions/211383/which-method-of-clearfix-is-best – kasimir

+0

@ kasimir我應該添加此作爲評論不是你的答案是正確的,需要學習如何正確使用本網站! – Modika