CSS min-height和border

时间:2011-11-03 10:11:06

标签: css

我有这个页面布局:

<header> 
<content> 
<footer>

我将border-left和right应用于内容,最小高度。但是如果内容超过最小高度,则边框不会相应地重新调整。

我该如何解决这个问题?

2 个答案:

答案 0 :(得分:2)

您的内容块中可能有一些浮动元素,因此内容块因缺少“真实”内容而无法调整。尝试在内容块中添加<br style="clear: both;" />之类的内容 或者,或许甚至更好,通过制作一个jsfiddle来解释你的问题:http://jsfiddle.net/

答案 1 :(得分:0)

kasimir是对的,它可能是一个清除问题,如果你使用浮点数,我更喜欢clearfix方法(虽然在旧版本的IE中需要一些foolery),因为它在语义上更正确(我认为)。

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

使用一些代码进行更新会很有用。