html - 如果 parent 也有, child 不能有最小高度吗?尝试制作粘性页脚

标签 html footer css

正如主题所说,当元素的父级也设置了最小高度时,我似乎无法让最小高度在该元素上工作。我写了一个 jsfiddle 示例来向您展示我在说什么:

http://jsfiddle.net/cE29B/5/

我这样做的目的当然是让页脚始终位于窗口或网站的底部,具体取决于网站大小。

有没有人碰巧知道如何解决这个问题并在我想要的位置保留该页脚?

谢谢!!

编辑:更清楚地说,这里的主要问题是 #content(绿色背景)只有一行高,而 CSS 表示它应该具有 100% 的最小高度。如果它的父项的高度为 % 或 px,或者最小高度仅为 px,则此方法有效。 % min-height 打破了 child 的 % min-height。

最佳答案

嘿,你可以给你的页脚位置和底部 0;

删除 margin-top 像这样检查活 http://jsfiddle.net/rohitazad/cE29B/8/

关于html - 如果 parent 也有, child 不能有最小高度吗?尝试制作粘性页脚,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10244704/

相关文章:

CSS 问题 - 将跨度与另一个对齐

html - Flexbox 父计算宽度而不会溢出的问题 : hidden

html - 试图让页脚延伸到文本的底部

html - 如何并排获取页脚

html - 嵌入式 CSS 在外部运行时不起作用

html - XenForo:如何设置@imagePath?

css - Rails 4 在生产环境中找不到字体

html - Firefox flex 错误应用于按钮?

html - IE8 从 tbody 中排除列

javascript - 在 JavaScript (jQuery) 代码中使用重音