0

問題を例で説明します。cssでブロックを描画すると、ブラウザウィンドウを水平方向にドラッグすると、ブロックの幅が最小幅に達するまで変化することがわかります。今、私はそれが問題を抱えているブロックの高さで同じように機能しないことを望んでいます。何か助けはありますか？

これが私のサンプルコードです：

#block {
    margin: auto;
    margin-top: 100px;
    display: block;
    border: 2px solid grey;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 30px 40px;
    background-color: rgba(148, 148, 148, 0.15);
    color: #fff;
    box-shadow: 0 0 5px #bab9b9;
    -moz-box-shadow: 0 0 5px #bab9b9; /* Firefox */
    -webkit-box-shadow: 0 0 5px #bab9b9; /* Safari, Chrome */
}
4

4 に答える 4

1

さてあなたは追加することができます

padding-top:50%

ブロックcssに合わせて、ブラウザの幅を調整すると高さが変化します。私はこれをFFでのみテストしたので、これが他のブラウザーで機能するかどうかはわかりません。これがあなたが探しているものであるかどうかは100％わかりません。

于 2012-05-11T18:03:23.870 に答える
0

Javascriptなしではできないと思います。

于 2012-05-11T08:39:50.943 に答える
0

私はあなたの質問に混乱しています。min-widthブロックに何も設定していません。ウィンドウの 100% の高さのブロックを達成しようとしていますか?

于 2012-05-11T08:42:44.333 に答える
0

左マージンと右マージンの変更を意味していると思うので、ノーと言います。高さがウィンドウの高さよりも高いことが多いため、これは期待どおりに機能しません。

身長が限られている場合はうまくいくかもしれませんが、私はこれを試したことはありません. そして、私は margin-top: auto; margin-bottom: auto;同じ効果があるとは思わないmargin-left: auto; margin-right: auto;

だから...提案されているように...この効果が必要な場合は、代わりにJSを使用してください

于 2012-05-11T08:44:55.540 に答える