overflow-x: visible; overflow-y: auto; nie działa - czy te standardy są zgodne?

Question

Mam problem podczas tworzenia strony internetowej.

Ani Firefox lub Internet Explorer zaprezentuje zachowanie że oczekuję na poniższym fragmencie kodu:

<div 
    style="overflow-x: visible; overflow-y: auto; width: 200px; height: 200px; border: 1px solid #F00;"> 
    <div style="width: 300px; height: 300px; background-color: #0F0;">&nbsp;</div> 
</div> 

co by się spodziewać byłoby, aby móc zobaczyć zawartość, która przelewa się na stronie X div kontenera, ale nie zawartość, która przepełnia się na dole (z suwakiem, aby zobaczyć więcej). Zamiast tego widzę pasek przewijania x i pasek przewijania y.

Uwaga: w wyniku oględzin obliczonych właściwości stylu w firebug ujawniono, że firefox używa do kontenera overflow-x: auto;.

Czy to zachowanie jest oczekiwane? Rozumiem, że istnieje pewna niejednoznaczność w związku z prośbą o umieszczenie paska przewijania nad moimi własnymi treściami (np. Że moja pozioma zawartość przekroczyłaby pionowy pasek przewijania, więc musiałaby pokryć część treści).

Czy zachowanie, którego doświadczam, jest zgodne ze standardami?

Answer 1

Dobrze, będę przeklęty, postanowiłem sprawdzić, co CSS (3) Spec miał do powiedzenia na ten temat, a it mówi:

Wartości obliczone z przelewowego-x '' i „overflow- y są takie same jak ich określone wartości, z tym że niektóre kombinacje z "widocznym" nie są możliwe: jeśli jeden jest określony jako "widoczny", a drugi "przewiń" lub "auto", to "widoczny" jest ustaw na "auto".

Krótko mówiąc, to, czego doświadczałem, było całkowicie oczekiwanym zachowaniem.

Źródło: CSS basic box model W3C Working Draft 9 August 2007 (tuż po przykładzie)