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

Popular posts from this blog

Verilog Error: output or inout port "Q" must be connected to a structural net expression -

jasper reports - How to center align barcode using jasperreports and barcode4j -

c# - ASP.NET MVC - Attaching an entity of type 'MODELNAME' failed because another entity of the same type already has the same primary key value -