सीएसएस चौड़ाई

Question

जोड़ नहीं है मेरे पास दो <div> एस माता-पिता <div> के अंदर है। दोनों आंतरिक वाले padding, border या margin और width:50%; display:inline-block; के साथ स्टाइल किए गए हैं। बाहरी <div> में padding भी नहीं है, आदि। फायरबग 1240px चौड़ाई के बाहरी बाहरी <div> दिखाता है, और प्रत्येक आंतरिक 620px होने के लिए दिखाता है। तो वे एक दूसरे के नीचे क्यों दिखाई देते हैं और साइड-साइड नहीं? अगर मैं अपनी चौड़ाई 618 पीएक्स तक कम करता हूं, तो यह काम करता है। है ना?

Answer 1

display:inline-block तत्वों को चित्रित करते समय मार्क-अप व्हाइटस्पेस को ध्यान में रखते हुए असुविधाजनक है, AFAIK। मूल तत्व में font-size:0 सेटिंग करने का प्रयास करें यदि उसके पास कोई अन्य टेक्स्ट नहीं है, और बच्चे तत्वों के लिए वांछित font-size सेट करें।

पीएस, तत्वों के बीच मार्क-अप में सफेद-स्थान को हटाने का प्रयास करें, यह देखने के लिए कि क्या यह समस्या ठीक करता है या नहीं।

Answer 2

यह एक साधारण सरल समाधान की तरह लगता है, यदि आपके पास दो ब्लॉक हैं, ए और बी हैं और वे बिल्कुल समान आकार हैं और आप उन्हें सीधे देख रहे हैं और वे पूरी तरह से रेखांकित हैं तो आप केवल एक ब्लॉक देखेंगे।

आप कुछ ऐसा प्रदर्शन करने की कोशिश कर रहे हैं जो कंटेनर के अंदर फिट न हो। आप पहले से ही अपनी समस्या का आकार कंटेनर ऊपर या सामग्री को हल्के ढंग से फिट करने के लिए हल कर चुके हैं।