css - 如何纠正这个 CSS 流体布局故障？

Question

我正在解决我网站 CSS 中的最后一个错误，并且在小屏幕上遇到了一个问题，并且当网络浏览器窗口非常短时。

如果侧边栏菜单太高，即如果它有八个左右的项目，它实际上会从网页顶部突出（当然是不可见的）并隐藏前几个项目。

该网站可在此处找到：www.probabilitywolf.com（目前在互联网上。）

有人对我如何解决这个问题有任何想法吗？这是我在网站上遇到的唯一问题。很抱歉没有包含任何代码，但是 CSS 文件很大，我不完全确定哪个部分负责。该文件可以在这里找到：style.css 文件。（希望）学习如何解决最后一个问题会很棒！

Answer 1

你的侧边栏有绝对位置和底部：35px。所以无论屏幕有多大（或小） - 它都将在底部 35px 处。除此之外-我不知道您是否在chrome中看到过您的页面-但它看起来不像在Firefox中。

编辑：尝试将 min-height 属性添加到导航 div 的父级。
我认为这是这里最简单的解决方案（唯一的问题是它不是动态的 - 以防你需要它来玩 js =)）

让我们这样说：

.side{
   min-height: 300px;}