HTML/CSS hack, aby umożliwić overflow-x: auto & overflow-y: visible?

Question

Mam element div o wymiarach 400 x 400 pikseli, który chcę przewijać w pionie. Dlatego ustawiam overflow-y: auto. Ale od czasu do czasu chcę, aby zawartość wewnątrz div przelewała się x: widoczna.

To nie działa. Myślę, że dzieje się tak, ponieważ nie można ustawić różnych wartości przepełnienia, jeśli jedna z nich jest widoczna.

Prawda?

W przeciwnym razie, czy jest przyzwoita poprawka css/js dla tego? Zauważyłem, że aplikacja flow dołącza do ciała obliczoną jednostkę div z absolutną pozycją, gdy wystąpi taka sytuacja: http://cl.ly/32392W0U2t1y2Q103X2d. Czy to najlepsze rozwiązanie? Czy są jakieś wtyczki/tutoriale do obejrzenia?

Answer 1

spróbuj dodać white-space: nowrap;

Answer 2

Nie można ustawić różne wartości przepełnienia jeśli jeden z nich jest widoczny; szkic modelu CSS3 mówi o tym w sekcji na temat overflow: "Obliczone wartości" overflow-x "i" overflow-y "są takie same jak ich określone wartości, z tym wyjątkiem, że niektóre kombinacje z" visible "nie są możliwe: jest określony jako "widoczny", a drugi "przewijany" lub "automatyczny", a następnie "widoczny" jest ustawiony na "auto". "

Jeśli chodzi o obejścia, najpierw trzeba zdecydować, jakie pożądane jest zachowanie. Kiedy masz pasek przewijania z prawej strony, w jaki sposób overflow-x: visible work? Czy przepełniona treść powinna w jakiś sposób być wyświetlana po prawej stronie paska przewijania? Byłoby to trudne do zorganizowania. A może pasek przewijania powinien być przesunięty w prawo?