<body>
<div>
<input type="text">
</div>
<span>
<input type="text">
</span>
</body>
我的问题很简单。为什么 div 的宽度与其父级的宽度相同，而 span 的宽度却比其父级的宽度短？即如果 body 的宽度为 1000px，则 div 也有 1000px，但 span 只有 300px(因浏览器而异)
最佳答案
div 是 block 级元素，而 span 是内联元素。 block 级元素会占用父元素的宽度，而内联元素则不会。
例如，a 是一个内联元素。你不希望也不希望它占据整个父级:
Some text <a href="#">and an engaging link</a>.
但是，p 是 block 级元素。它将占据整个父级(并且它不会容忍其他 block 级元素在它旁边):
<p>Some text</p>
<p>Other text -- not on the same line.</p>
关于html - 当span用于包含一个<input type ="text">时，为什么span默认设计成宽度小于其父元素的宽度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14028573/