jquery - twitter bootstrap 中侧边栏（面板）高度为 100% 的问题

Question

当我在 twitter bootstrap 中使用侧边栏（面板）时，我遇到了麻烦。这是该侧边栏（面板）的快照。

这是我的 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;
}

任何帮助将不胜感激。谢谢你。

Answer 1

为了使 'height:100%' 对任何 HTML 元素起作用，它的父项应该定义一个高度值。或者，该项目将扩展到定义了高度的最近祖先的高度。

如果一个元素的所有祖先都没有定义或百分比定义的高度，那么为了让元素扩展到页面的高度，你应该给'body'和'html'一个100%的高度。

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

   html,body{ height:100%}

在css中应该可以解决问题。确保在包含 bootstrap-responsive.css 后出现此规则