在twitter bootstrap中，侧边栏（面板）的高度为100％

Question

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

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

如果您使用bootstrap响应，请使用

   html,body{ height:100%}

在CSS中

应该解决问题。确保在包含bootstrap-responsive.css

之后显示此规则