सब कुछ एक id="main_wrap"एक क्षैतिज स्क्रॉल बार क्यों दिखाई दे रहा है यदि कोई भी तत्व 960px कंटेनर से बड़ा नहीं है?
के साथ एक div में लपेटा गया है मुख्य रैप में यह शैली है:
#main_wrap{
margin:0 auto;
width:960px;
position:relative;
}
चूंकि सबकुछ इस div के अंदर लपेटा गया है, मुझे समझ में नहीं आता कि एक क्षैतिज स्क्रॉल बार क्यों दिखाई देगा तल।
अतिप्रवाह जोड़ने छिपा का प्रयास करें:
#main_wrap{
margin:0 auto;
width:960px;
position:relative;
overflow: hidden;
}
यही काम करना चाहिए (लेकिन hacky है)।
यह कोड "हैकिंग" द्वारा काम करेगा, लेकिन इस मुद्दे को ठीक करना बेहतर है जो पहले स्थान पर अतिप्रवाह बनाता है। – Emil
यह एक हैक है, समाधान नहीं –
यदि तत्व एक तरफ हैं और संयुक्त चौड़ाई है या बीडीओजी मार्जिन या पैडिंग कहता है, तो यह 960px से अधिक होने का कारण बनता है, एक स्क्रॉल बार दिखाई दे सकता है। अपना पूरा कोड पोस्ट करें और हम इसे बहुत जल्दी समझ सकते हैं। ओवरफ्लो को छिपाना काम करना चाहिए लेकिन यह वास्तव में समझा नहीं जाएगा कि स्क्रॉल बार क्यों दिख रहा है। हमें अपना पूरा मार्कअप देने से समस्या की जड़ मिल जाएगी।
यदि किसी भी बच्चे के पास सीमाएं, पैडिंग या मार्जिन लागू होते हैं, जो उनकी चौड़ाई और ऊंचाई में जोड़ता है। कैरलोस 0 की तरह, overflow:hidden; स्क्रॉल बार से बच जाएगा। लेकिन, अगर कुछ बहुत चौड़ाई है, तो शायद आप यह जानना चाहते हैं कि भविष्य में संभावित समस्याओं से बचने के लिए यह कहां से आ रहा है।
कहीं कहीं आपने किसी भी डोम तत्व को अनदेखा छोड़ दिया है जो अतिरिक्त चौड़ाई पर कब्जा कर लेता है। overflow:hidden का उपयोग करने से बच्चों को ढूंढना और ठीक करना बेहतर है। ओवरफ़्लो: यदि पृष्ठ पृष्ठ में उपयोगकर्ता ज़ूम करता है तो छिपा हुआ स्क्रॉल बार छुपाएगा।
क्या आप पैडिंग गिन रहे हैं? जब तक आप साइट पर कोई लिंक पोस्ट नहीं करते हैं तब तक समस्या को ढूंढना मुश्किल होता है। – Emil