html - Is there any known problems with using box-sizing? -
समस्या
मैंने अपने सीएसएस को सेट किया है;
*, *: पहले, *: के बाद {-मोज-बॉक्स-आकार: सीमा-बॉक्स; -वेबकिट-बॉक्स-आकार: सीमा-बॉक्स; बॉक्स-आकार: सीमा-बॉक्स; मार्जिन: 0; पैडिंग: 0} ऐसा करने से मुझे अलग-अलग ब्राउज़रों में एक डिवा की ऊँचाई के साथ असंगतता है, जो एक निश्चित ऊंचाई है।
प्रश्न का डिवीज़ सीएसएस
.content.one / * पूछताछ फार्म * / {स्थिति: निरपेक्ष; बाईंओर तैरना; कुछ भी डिस्प्ले मत करो; शीर्ष: 50 पीएक्स; ऊंचाई: 615 पीएक्स; बाएं: -255 पीएक्स; चौड़ाई: 960px; z- इंडेक्स: 5; पैडिंग-बाएं: 50px; पैडिंग-दाएं: 50px; पैडिंग-टॉप: 5 पीएक्स; पैडिंग-नीचे: 10 पीएक्स; पृष्ठभूमि रंग: # 000000; }
आपको उपयोग करने के लिए गैर-स्टैन्डर्ट गुणों का उपयोग करना होगा (उदासीन लेकिन कोड बन जाएगा) अमान्य, उनमें से: () <पूर्व> -मोझ-बॉक्स-आकार: सीमा-बॉक्स; / * फ़ायरफ़ॉक्स * / -विबिट-बॉक्स-आकार: सीमा-बॉक्स; / * सफ़ारी, क्रोम * /
तो पूरी शैली होगी:
div {width: 300px; पृष्ठभूमि: #ccc; padding: 20px; -moz-box-sizing : सीमा-बॉक्स; / * फ़ायरफ़ॉक्स * / -वेबकिट-बॉक्स-आकार: सीमा-बॉक्स; / * सफ़ारी, क्रोम * / बॉक्स आकार: सीमा-बॉक्स; / * अर्थात, ओपेरा * /} एचटीएमएल:
& lt; div वर्ग = "ब्लॉक" & gt; & lt; div & gt; ; 100% चौड़ाई & lt; / div & gt; & lt; / div & gt;
सीएसएस:
.block {width: 150}} .ब्लॉक डिवा { पृष्ठभूमि: # एफसी 0; मार्जिन: 10 पीएक्स; पैडिंग: 20 पीएक्स; सीमा: 1 पीएक्स ठोस # 000;} स्रोत:
Comments
Post a Comment