HTML:निम्नलिखित सबसे छोटे HTML में क्रोम पर क्षैतिज स्क्रॉलबार दिखाई देने का क्या कारण है?
<html>
<body>
<div>
<input type="text">
</div>
</body>
</html>
सीएसएस:
body {
font:13px/1.231 arial;
}
input {
font:99% arial;
}
div {
display: inline-block;
overflow: auto;
}
input {
width: 15em;
}
क्रोम पर परिणाम:
jsFiddle - http://jsfiddle.net/XBvWb/18/
ध्यान दें कि एफएफ और न ही IE9 न तो इस दिखाने स्क्रॉल पट्टी।
क्या कोई मुझे प्रबुद्ध कर सकता है, कृपया, क्या हो रहा है?
संपादित
निकाला गया इनपुट सीमा, गद्दी और मार्जिन - http://jsfiddle.net/XBvWb/41/
यह 'ओवरफ्लो: ऑटो' div – Musa
पर कृपया, नीचे दिए गए उत्तरों पर मेरे जवाब देखें। – mark
यदि मैं div-inline के रूप में div सेट करता हूं, तो स्क्रॉलबार –