html - 有人可以解释为什么我的页脚在页面中间吗?

标签 html css

我试图让我的侧边栏延伸到页面底部。我已经成功地让它拉伸(stretch)了,但现在我的页脚妨碍了它。出于某种我不知道的原因,我的页脚出现在内容 div 结束之前,并切断了侧边栏,并使页面变得困惑。 enter image description here

如您所见,页脚一出现,侧边栏(灰色框)就会停止,内容就会重叠。

谁能指出执行此操作的代码和修复方法?

最佳答案

设置 min-height:100%; 会导致最小高度为 100%,添加额外的 height:100%; 已过时。浏览器计算元素相对于最近的 block 级父元素的高度。在顶层,高度将相对于浏览器窗口高度。

删除 height: 100% 声明,其中您还指定了 min-height:100%;,您的问题将得到解决:#globalDiv,#topcontentWrapper .

关于html - 有人可以解释为什么我的页脚在页面中间吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7428842/

相关文章:

javascript - 如何只触发一个事件 'change' 或 'click'

javascript - Django 和静态网站

javascript - jQuery 中的 keyevent 不起作用

html - iframe + css + 验证

html - 关于span和div,能不能垂直?

css - Bootstrap CSS 正在覆盖 Drupal Webforms 的默认 CSS

jquery - 当通过jquery按下某个键时如何将样式应用于输入文本

html - 当我处于特定宽度下时,我的 div 全部堆叠在一起

html - 无法让这些并排排列

php - wordpress function.php 不加载 css 样式表