4

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;
}

どんな助けでも大歓迎です。ありがとうございました。

4

1 に答える 1

8

'height:100%' を任意の HTML 要素で機能させるには、その親アイテムに高さの値を定義する必要があります。または、アイテムは、高さが定義されている最も近い先祖の高さまで拡張されます。

要素のすべての先祖に高さが定義されていないか、パーセンテージで定義されていない場合、要素をページの高さまで拡張するには、'body' と 'html' の両方に 100% の高さを指定する必要があります。

ブートストラップレスポンシブを使用している場合は、

   html,body{ height:100%}

css で問題を解決する必要があります。bootstrap-responsive.css をインクルードした後、このルールが表示されることを確認してください。

于 2013-07-16T21:47:06.523 に答える