क्यों प्रदर्शन करता है:</p> <p>क्या पीछे अन्य तत्वों की तरह व्यवहार नहीं कर रहा <code><button></code> या <code><input></code> तत्वों जब <code>display:block</code> करने के लिए सेट अंतर्निहित कारण नहीं है: ब्लॉक बटन या इनपुट तत्वों

Question

मैं इस समस्या के पीछे कारण समझने की कोशिश कर रहा हूँ खिंचाव नहीं!

मैं इस समस्या को हल करने के लिए कामकाज की तलाश नहीं कर रहा हूं, इसलिए कृपया मुझे this answer पर इंगित न करें क्योंकि यह प्रश्न का उत्तर नहीं देता है।

Here's a js-fiddle that illustrates the problem

अद्यतन 1: @Pete सही है, एक तत्व के डिफ़ॉल्ट आकार विशेषता क्या भी खंड पर आकार सेट करता है, के रूप में आप <input> के आकार और कॉलम विशेषता in this fiddle सकता है और <textarea> बदलता है उनके चौड़ाई। यह मेरे प्रश्न का हिस्सा हल करता है।

इसे ध्यान में रखते, मेरे सवाल का अब है, क्यों<button>तत्व अन्य ब्लॉक तत्वों की तरह बर्ताव कर रही है? यह मेरे लिए एक रहस्य है!

Answer 1

मुझे लगता है कि एक डिफ़ॉल्ट मान जिसका मतलब है कि जब तक आप विशेष रूप से इसे ओवरराइड आदानों के आकार विशेषता को सौंपा गया है, अपने चौड़ाई 100% नहीं होगा

आप firefox specification को देखो और के लिए नीचे स्क्रॉल तो आकार के बारे में अनुभाग में, आप देख सकते हैं कि वे 20

का डिफ़ॉल्ट मान मैं बटन के लिए गुण है कि कारण है कि 100% चौड़ाई जब