सीएसएस पैरेंट डिवी 100% साफ करें

Question

मैं एक बच्चे के विस्तार के साथ माता-पिता के div को बिल्कुल 100% भरने में सक्षम होना चाहता हूं। समस्या यह है कि मैं इसे भरना चाहता हूं, उनके साथ थीमरोलर के साथ थीम है और इसमें अलग-अलग पैडिंग और मार्जिन हैं। इसलिए मैं अवधि की ऊंचाई के लिए किसी भी आकार को हार्ड कोड नहीं कर सकता।

यदि मैं अवधि की ऊंचाई 100% पर सेट करने का प्रयास करता हूं तो यह वास्तव में खत्म हो जाता है और इस विषय के लिए 100% + 6 पिक्सेल की तरह भरता है (लेकिन अधिक मात्रा थीम द्वारा भिन्न होती है)। आप इसे कैसे बनाते हैं इससे कोई फर्क नहीं पड़ता कि अवधि के लिए पैडिंग/मार्जिन का आकार क्या है, यह केवल माता-पिता div के 100% को भर देगा?

सहायता के लिए बहुत बहुत धन्यवाद।

Answer 1

-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box;  
box-sizing: border-box; 

जाँच देखें http://jsfiddle.net/mbB8t/2/

स्पष्ट: सभी आधुनिक ब्राउज़रों (IE8 +) के लिए काम करता है।

Answer 2

इस काम को करने के लिए, आपको अवधि के 2xwidth जोड़कर पैडिंग और मार्जिन मान की गणना करना होगा। तो आप यह जान सकते हैं कि स्पैन के लिए पैर को विभाजित करने के लिए कौन से मूल्यों का उपयोग करना है। उदाहरण यहाँ http://www.phcityonweb.com/tutorial/css-programming-lessons/margin-padding