単純な CSS スクロール バーの幅が IE7 および IE6 とどのように互換性があるかについて質問してください。_html/css_WEB-ITnose

RT。

たとえば、div を持っていて、overflow-y:auto; max-height:440px;width:440px; を定義します
現時点では、その下に次のように定義されたスタイルがあります: width:100 %; border:1px Solid # e2e2e2; border-collapse: Collapse;
このとき、Firefox、Google、IE8 以降で実行すると、テーブルコンテンツの高さが 440px を超えると、スクロールバーが表示されます。 , テーブルの幅は自動的に 420px、つまり width-browser .scroll.width になります（わかります、漢字を入力するのが面倒です）。
ただし、IE7 では、スクロール バーが幅からはみ出すように自動的に狭くなりますが、下にスクロール バーが表示されます。 overflow-x:hidden が設定されている場合、テーブルのコンテンツの一部がスクロールによって覆われます。



それで、これを調整する方法についてアドバイスをお願いします。
上司の要求に応じて、IE7 および 6 と互換性がある必要があります。

ディスカッション (解決策) への返信

ie6 は、max-height:440px;_height:440px; として記述される max-height をサポートしません。

ie6 は、max-height: として記述される max-height をサポートしません。 440px;_height:440px ;

幅について質問です。 。 。

http://bbs.blueidea.com/thread-3022471-1-1.html を参照できます。

http://bbs.blueidea.com/thread-3022471-1-1.html を参照できます。

明らかにバグがあります、おい！
自分でjsを書いて実装しました。
var tah=$("#modelTab").css("height");
tah=tah.toString().replace("px","");
if(parseInt(tah)>400)
{$("#modelTab").css("width","425px");}

http://bbs.blueidea.com/thread-3022471-1-1.html を参照してください

明らかにバグがあります、おい！
自分でjsを書いて実装しました。
var tah=$("#modelTab").css("height");
tah=tah.toString().replace("px","");
if(parseInt(tah)>400)
{$("#modelTab").css("width","425px");}

兄弟、これは IE6 のバグのようです。回避策があるだけです。問題を解決するだけです