如何更正此CSS流体布局故障?

时间:2013-06-09 20:02:36

标签: css wordpress-theming html sidebar fluid-layout

我正在解决网站CSS中的最终错误,并在小屏幕上遇到问题,当网页浏览器窗口非常短时。

如果侧边栏菜单太高,即如果它有八个左右的项目,它实际上突出了网页的顶部(当然是无形的)并隐藏了前几个项目。

该网站可在此处找到:www.probabilitywolf.com(目前正在互联网上播放。)

有没有人对我如何解决这个问题有任何想法?这是我对该网站唯一的问题。很抱歉不包含任何代码,但CSS文件非常大,我不完全确定哪个部分负责。该文件可在此处找到:The style.css file。 (希望)学会如何解决这个最后的问题会很棒!

1 个答案:

答案 0 :(得分:1)

你的侧边栏位置绝对和底部:35px。 因此无论屏幕有多大(或小),它都将从底部开始35px。 除此之外 - 我不知道你有没有看到你的页面在铬 - 但它看起来不像在Firefox中。

编辑:尝试将min-height属性添加到导航div的父级 我认为这是最简单的解决方案(唯一的问题是它不是动态的 - 如果你需要它来玩js一点=))

让我们这样说:

.side{
   min-height: 300px;}