菜单的高度不正确CSS

Question

我在主页上工作，它正常工作，但是左侧边栏上的菜单没有正确显示和溢出。我需要菜单上的滚动条，因为我不想在页面上看到它。

我认为这个问题与身高有关，但我需要100％的身高而不是像素，有人可以帮助我吗？

在这里你是de JsBin：http://jsbin.com/ceyij

Answer 1

在ceyij.css中，您在html和body标签中提供了height:99% !important 并且还给overflow:hidden 只需移除99％的高度并提供overflow:auto而不是隐藏 它看起来不合适

Answer 2

这是因为您只为html提供了99％的身高。只需将其设为100%

Answer 3

为了使元素具有100％的高度，包装它的父元素也必须具有固定或百分比高度。

因此，考虑到这一点，您需要在 HTML 和 BODY 标签上达到100％的高度，如下所示：

html, body 
{
height:100%;
width:100%;
}
For the particular list items 
#menu_panel {
height:100%;
position: absolute;
left: 0;
top: 0;
overflow:hidden;
}

Answer 4

由于jQuery

，我得到了最好的结果

$(document).ready(function() {
    // Handler for .ready() called.

    var alt = $(".wrapper").height();
    $(".left-side").height(alt);
    $(".sidebar").height(alt - 153);
    var altHeader = $("header.header").height();
    $(".sidebar-menu").height(alt - 153);

});