क्रोम से फ़ायरफ़ॉक्स में मेरे डीआईवी उच्च क्यों हैं? - गूगल क्रोम, फ़ायरफ़ॉक्स, gwt

मेरे पास एक टेबल में एक DIV है।यह कोड GWT द्वारा जेनरेट किया गया है, इसलिए I "t का उपयोग किए जाने वाले तत्वों पर बहुत अधिक नियंत्रण है (जो यह कहना है कि मुझे पता है कि टेबल आमतौर पर लेआउट के लिए सबसे अच्छा तत्व नहीं हैं, लेकिन यह ऐसा कुछ नहीं है जो मेरे पास प्रत्यक्ष है के ऊपर नियंत्रण)।

फ़ायरफ़ॉक्स में, 100% ऊँचाई वाला एक DIV तालिका के नीचे फैल जाता है, जबकि Chrome में DIV आकार में है जैसा कि मुझे उम्मीद है। क्या हो रहा है?

उत्तर:

जवाब के लिए 2 № 1

तो इसने कुछ समय के लिए मेरे बाल खींचे थे, लेकिन यह पता चला कि फ़ायरफ़ॉक्स में डीआईवी डिफ़ॉल्ट थे box-sizing: content-box क्रोम में सेटिंग करते समय, वे डिफ़ॉल्ट रूप से थे box-sizing: border-box स्थापना। क्योंकि मैं DIV में पैडिंग का उपयोग कर रहा था, इस कारण फ़ायरफ़ॉक्स DIV को 100% की ऊँचाई पर प्रदर्शित कर रहा था प्लस गद्दी।

समाधान केवल निर्दिष्ट करना था -moz-box-sizing: border-box div के लिए सीएसएस में।


संबंधित सवाल
सबसे लोकप्रिय