html - How to fix form, input default overflow behaviour -

जब मैं इनपुट प्रकार text को में डालता हूं > फ़ॉर्म इनपुट अतिप्रवाह फ़ॉर्म द्वारा 4 पिक्सेल ; यह केवल तभी प्रकट होता है जब चौड़ाई है 100% ।

आईडी :

 < कोड> & lt; html & gt; & Lt; शीर्ष & gt; & Lt; title & gt; & lt; / title & gt; & LT; शैली & gt; इनपुट {चौड़ाई: 100%} & lt; / style & gt; & Lt; / head & gt; & LT; बॉडी & gt; & Lt; form & gt; & lt; इनपुट प्रकार = "टेक्स्ट" / & gt; & lt; / form & gt; & Lt; / body & gt; & Lt; / html & gt;  

ऐसा क्यों होता है?

< P> क्योंकि अधिकांश ब्राउज़र्स & lt; इनपुट प्रकार = "टेक्स्ट" & gt; तत्वों के पास एक 2px सीमा बनाते हैं 2px left + 2px right = 4px चूंकि चौड़ाई सीमा की गिनती नहीं करती, चूंकि चौड़ाई = कंटेनर चौड़ाई का 100%, सीमा का 4px कंटेनर से अधिक हो जाता है।

यह सही करने का एक संभव तरीका है बॉक्स-साइजिंग लागू करना है: बॉर्डर बॉक्स तत्व के लिए ब्राउज़र को बॉक्स के आकार की अलग तरह से गणना करने के लिए (पैडिंग और सीमा सहित)।