2011-08-08 5 views
6

मैंने अपने लेआउट, मुख्य div और मेनू div के लिए कुछ divs सेट अप किए हैं।ओवरफ़्लो: क्रोम और सफारी में मार्जिन के साथ छिपी हुई गड़बड़ी

वे फ़ायरफ़ॉक्स में बिल्कुल सही दिखते हैं, लेकिन किसी कारण से, क्रोम और सफारी गड़बड़ हो जाते हैं।

किसी कारण से div की चौड़ाई कम हो जाती है जब overflow:hidden; सीएसएस में जोड़ा जाता है। मुझे overflow:hidden; की आवश्यकता है, क्योंकि मेरे पास मुख्य div के अंदर अन्य फ्लोट हैं। आप उदाहरण देख सकते हैं:

http://jsfiddle.net/kR7rs/2/

यह फ़ायरफ़ॉक्स में ठीक दिखाई देता है, लेकिन सफारी और क्रोम में, वहाँ div के दाईं ओर एक मार्जिन के रूप में अच्छी तरह से।

उत्तर

3

main से मार्जिन निकाला जा रहा है इसे ठीक करने लगता है:

http://jsfiddle.net/kR7rs/3/

क्या मुझे लगता है कि यह हो रहा है कि जब overflow:hidden सेट किया गया है, पूरे तत्व div के भीतर पाठ के बजाय तैरता इर्द-गिर्द घूमती है। तो यह परिणाम पहेली में देता है। फिर यदि आप उस पर मार्जिन भी सेट करते हैं, तो बाएं पैडिंग द्वारा चौड़ाई कम हो जाती है।

तरह की तरह एक बग की तरह लगता है।

(परीक्षण करें और देखें कि यह एफएफ के लिए यह टूट जाता है के लिए एफएफ है नहीं अभी।)

+0

तो अतिप्रवाह: छुपा मूल रूप से एक ब्लॉक तत्व को चौड़ा कर देता है क्योंकि यह उसी रेखा पर किसी भी फ्लोट के बिना बहती है? आपका समाधान काम कर रहा प्रतीत होता है .. यह किसी भी मार्जिन – Rob

+0

के बिना एक फ्लोट के रूप में एक ही रेखा पर एक div है, मुझे नहीं लगता कि मुझे एहसास हुआ कि ऐसा होगा, लेकिन ऐसा लगता है। –

0

overflow:hidden#wrapper पर ले जाएं। यह इसे ठीक करता है, लेकिन क्यों नहीं समझाता है।

+0

मैं इसे अंदर तैरता चारों ओर यकीन है कि मेरे मुख्य div wraps बनाना चाहते हैं, हालांकि। यही कारण है कि मैंने 'ओवरफ्लो: छुपा' रखा – Rob

संबंधित मुद्दे