2011-11-03 65 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