在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之后,请确保显示此规则