3

私はDIVいくつかのテキストを含み、次のように動作するを実装しようとしています：

  • 固定幅（500px）

  • キャップの高さ（最大400ピクセル）

    1. テキストが400px未満（たとえば、高さ100px）にレンダリングされる場合、含まれるDIVはテキストと同じ高さ（この例では100px）になります。

    2. テキストが>400pxにレンダリングされる場合、含まれているdivの高さはわずか400pxであり、oveflowはDIVの垂直スクロールバーを介して処理されます。

私は＃2（）を実装する方法を知っていますoverflow: auto; position: relativeが、その動作はheight=400px、もちろん＃1の望ましい動作を無効にするかどうかに依存します。

これはCSSを介してどのように達成できますか？

適度にクロスプラットフォームのソリューションが望ましいのですが、それが難しすぎる場合は、IE7、IE8、FireFox10以降で動作する必要があります。

4

2 に答える 2

6

max-heightとの組み合わせを試してくださいoverflow: auto;。

例。

于 2012-04-20T18:32:13.283 に答える
0

max-heightの代わりにプロパティを使用できますが、最小/最大プロパティを尊重しないheightIE6では機能しません。

IE6の使用が必須の場合は、Javascriptにフォールバックする必要があります（他の唯一の方法はIE独自のCSS式を使用する方法ですが、パフォーマンスが非常に低く、JSを有効にする必要があります）。

于 2012-04-20T19:02:36.143 に答える