overflow-x:hidden
IEで問題が発生しています。他のすべてのブラウザはそれを受け入れているようですが、IEはoverflow-x:hidden
(xとy)を作成します。
IEの修正に関するヒントはありますか?
overflow-x:hidden
IEで問題が発生しています。他のすべてのブラウザはそれを受け入れているようですが、IEはoverflow-x:hidden
(xとy)を作成します。
IEの修正に関するヒントはありますか?
-ms-overflow-xが機能しているため、DOCTYPE宣言に問題がある可能性があります。
こちらをご覧ください
備考
Windows Internet Explorer8。-ms-overflow-x属性はCSSの拡張機能であり、IE8標準モードのoverflow-xの同義語として使用できます。
Microsoft Internet Explorer 6以降では、!DOCTYPE宣言を使用して標準準拠モードを指定すると、このプロパティはhtmlオブジェクトに適用されます。
以下を追加することで、IE8で発生していたのと同じ問題を修正することができました。
position: relative;
オーバーフローを必要としたdivに-x:隠し機能。
divに相対的な位置がないと、overflow-x:hiddenを設定したにもかかわらず、コンテンツがdivの外側に表示されていました。
Svbakerの答えも正しいです。これを試してみてください。
<div style="overflow: auto;
overflow-y: hidden;
-ms-overflow-y: hidden;
white-space: nowrap;
position:relative;
">
...somecodes..
</div>
-ms-overflow-y:非表示; -これはIE8で機能します。overflow-y/xはCSS3用であり、上位のブラウザーで機能するため、position:relativeを追加することを忘れないでください。
yahoverflow-xおよびyはcss3仕様です。
http://baijs.nl/tinyscrollbar/のようなjqueryプラグインを使用してみてください
そうでなければ、要素の「幅」を隠そうとしていると思いますか?なぜですか1.要素の幅を特定のサイズに設定します2.overflow:hiddenを設定します3.高さをautoに設定します