ओवरफ्लो-एक्स: दृश्यमान; ओवरफ्लो-वाई: ऑटो; काम नहीं करता - क्या यह मानकों का अनुपालन है?

Question

मुझे एक वेब पेज विकसित करते समय कोई समस्या है।

न तो Firefox या Internet Explorer व्यवहार है कि मैं निम्नलिखित कोड का टुकड़ा के लिए उम्मीद पेश करेंगे:

<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> 

मुझे वह सामग्री की एक्स तरफ overflows को देखने के लिए सक्षम होने के लिए होगा उम्मीद करेंगे क्या कंटेनर div, लेकिन नीचे नहीं जो सामग्री नीचे बहती है (अधिक देखने के लिए स्क्रॉलबार के साथ)। इसके बजाय, मैं जो देखता हूं वह एक एक्स स्क्रॉलबार और एक वाई स्क्रॉलबार है।

नोट: फायरबग में गणना की गई शैली गुणों का निरीक्षण से पता चलता है कि फ़ायरफ़ॉक्स कंटेनर के लिए overflow-x: auto; का उपयोग कर रहा है।

क्या यह व्यवहार अपेक्षित है? मैं समझता हूं कि अपनी सामग्री के शीर्ष पर स्क्रॉलबार डालने का अनुरोध करने के बारे में कुछ अस्पष्टता है (उदाहरण के लिए कि मेरी क्षैतिज सामग्री वर्टिकल स्क्रॉल बार से पहले चली जाएगी, ताकि उसे कुछ सामग्री को कवर करना होगा)।

तो क्या व्यवहार है कि मैं मानकों का अनुपालन कर रहा हूं?

Answer 1

ठीक है, मैं शापित हो जाएगा, मैं क्या सीएसएस (3) कल्पना इस बारे में कहना था की जाँच करने का निर्णय लिया है, और it का कहना है:

की 'ओवरफ़्लो- एक्स' और 'overflow- गणना मूल्यों y ' उनके निर्दिष्ट मानों के समान हैं, सिवाय इसके कि' दृश्यमान ' के साथ कुछ संयोजन संभव नहीं हैं: यदि कोई' दृश्यमान 'के रूप में निर्दिष्ट किया गया है और दूसरा ' स्क्रॉल 'या' ऑटो 'है, तो' दृश्यमान 'है 'ऑटो' पर सेट करें।

तो, संक्षेप में, हाँ, जो मैं अनुभव कर रहा था वह पूरी तरह से अपेक्षित व्यवहार था।

स्रोत: CSS basic box model W3C Working Draft 9 August 2007 (उदाहरण के बाद)