0

次の方法で、高さと幅が異なるコンテンツを含む div のスタイルを設定しました。

div.myDiv {
   display:inline-block;
   *display:inline;/* For IE7*/
   *zoom:1;/* For IE7*/
   white-space:normal;
   vertical-align:top; max-width:280px; overflow:auto; 
}

意図は、280 ピクセルを超える要素の拡大を制限し、オーバーフローがあるため、コンテンツを垂直方向に拡大できるようにすることです: コンテナ要素の自動。これは、IE7 を除くすべてのブラウザーで正常に機能します。オフセットがこの問題と関係があるかどうかわかりませんか?

ここに画像の説明を入力

編集:ここで、シナリオを示すために jsfiddle をセットアップしましたが、IE9 (IE 7 モードで実行) で jsfiddle を表示することさえできません。うまくいけば、これは私が直面している問題を理解するのに役立ちます。何か案は？

4

1 に答える 1

0

設定してみてくださいoverflow:hidden：

div.myDiv {
   display:inline-block;
   *display:inline;/* For IE7*/
   *zoom:1;/* For IE7*/
   white-space:normal;
   vertical-align:top; max-width:280px; overflow:auto; 

   /*This line should hide the scrollbar*/

   *overflow:hidden;
}
于 2013-02-15T16:52:39.913 に答える