0

IE7 CSS の問題があります (一部のクライアントはまだ IE7 を使用しているため、コードを作成する必要があります)。

ネストされた div と、IE8+ などで正常に動作する水平スクロール バーに問題があります。

何が起こるかというと、オーバーフローによって水平スクロール バーが作成され、内部のコンテンツが画面の端を超えて拡大できるようになります。

HTML

<div class="CenterBoxFlow Rounded" >
 <div class="CenterBoxContainer" id="panetest">
  .. Content
 </div>
</div>

CSS

.CenterBoxFlow { border: 1px #ccc solid; width: 1110px; white-space: normal; vertical-align: top; display: inline-block; overflow: visible; padding: 15px; margin-bottom: 6px; text-align: center; float: left; position:relative; }
.CenterBoxContainer { text-align: left; width:1110px; overflow:auto; white-space:nowrap; vertical-align:top; overflow-y:hidden; display:inline-block; position:relative;  }

参考までに、コンテンツも次のスタイルの一連の div です。

.Chart_Small { padding: 5px; width: 152px; white-space: normal; display: inline-block; position: relative; *display: inline; zoom: 1; }

IE7 で div を適切にオーバーフローさせるための提案は素晴らしいでしょう。

ピーター。

4

2 に答える 2

0

やってみました：

*zoom:1;

それは多くのie7のバグを解決します..;）

于 2013-01-14T17:27:57.580 に答える
0

理由はわかりませんがwhite-space: normal;、.Chart_Smallから削除すると、このバグが修正されます。それがあなたのために働くかどうか確認できますか？

于 2013-01-14T17:33:13.787 に答える