Jquery twitter引导中边栏(面板)高度为100%的问题

Jquery twitter引导中边栏(面板)高度为100%的问题,jquery,html,css,twitter-bootstrap,Jquery,Html,Css,Twitter Bootstrap,当我在twitter引导中使用侧栏(面板)时,我遇到了麻烦。 这是侧边栏(面板)的快照 这是我的CSS代码 .sharecartside .content { height: 100% !important; min-height: 100%; padding: 18px 10px 20px 30px; } .sharecartside { height: 100%; margin: 1px 0 0 508px; } .sharecartside

当我在twitter引导中使用侧栏(面板)时,我遇到了麻烦。 这是侧边栏(面板)的快照

这是我的CSS代码

    .sharecartside .content {
    height: 100% !important;
    min-height: 100%;
    padding: 18px 10px 20px 30px;
}
.sharecartside {
    height: 100%;
    margin: 1px 0 0 508px;
}
.sharecartside {
    background: url("../images/bg_sidepannel.png") repeat-y scroll 0 0 transparent;
    float: right;
    margin: 1px 0 0 400px;
    position: absolute;
    width: 300px;
}
任何帮助都将不胜感激。
谢谢。

为了使“height:100%”适用于任何HTML元素,其父项应该定义一个height值。或者,该项将扩展到最近祖先的高度,并定义一个高度

如果一个元素的所有祖先都没有定义高度或定义百分比,那么为了让元素扩展到页面的高度,您应该为“body”和“html”都指定100%的高度

如果您使用的是引导响应,请使用

   html,body{ height:100%}

在css中应该解决这个问题。请确保在包含bootstrap responsive后显示此规则。css

您能为此问题创建实时演示(例如在JSFIDLE上)吗?这对我不起作用,我有一个面板,它没有拉伸到100%,即使我将所有祖先以及正文和html都拉伸到100%。我认为应该使用最小高度。经过多次尝试,我没有看到任何选项,但设置在px的高度。但是我会尝试用javascript来设置它。