css - 一方向にオーバーフローが表示され、もう一方の方向にスクロールする

Question

親と一緒にスクロールする要素を絶対配置する必要があります。絶対配置された要素は、スクロール可能なコンテナーよりも幅が広い場合があります。その場合、コンテンツは現在クリップされています。と を組み合わせoverflow-y: auto;てもoverflow-x: visible;機能しないようです。

問題を説明するためのJSFiddleを次に示します。ポップアップによって水平スクロールが発生することに注意してください。

そして、これがここのように見えるはずです。スクロールのみです。

これはCSSで実現できますか?

Answer 1

ハードコーディングされた幅があります。は<div>自動的にページの幅全体を占めるので、div に含めることができる最大幅を制限して、を次のwidth: 400pxように変更します。max-width: 90%

JSFiddle の例を次に示します: http://jsfiddle.net/c8DdL/3/

Answer 2

width 400 の代わりに max_width を使用してください。それが唯一の解決策です。

Answer 3

後世のために: この問題には JavaScript ソリューションが必要です。最終的に、私が取り組んでいたプロジェクト機能は、この問題を回避するように変更され、より優れた設計になりました。