<body>
<div>
<input type="text">
</div>
<span>
<input type="text">
</span>
</body>
爲什麼跨度默認設計爲寬度比其父元素的寬度短？我的問題非常簡單。爲什麼div的寬度與父級的寬度相同，而跨度寬度比父級寬度短？即如果body的寬度是1000px，那麼div也具有1000px，但跨度只有300px（從不同瀏覽器波動）當跨度用於包含<input type =「text」>
div是塊級元素，而span是內聯元素。塊級元素將佔用父元素的寬度，而內聯元素則不會。
例如，a是內聯元素。你不會想到，也沒有想，它佔據整個父：
Some text <a href="#">and an engaging link</a>.
然而，p是一個塊級元素。它將佔用整個父（和它不會容忍其他塊級元素是它旁邊）：
<p>Some text</p>
<p>Other text -- not on the same line.</p>
<span>是內嵌元素，而<div>是塊元素。內聯元素不會展開以填充其父元素。
<div>標籤是塊級元素而<span>標籤是內嵌元素。
塊級元素將其寬度擴展到父項的100％併產生一個斷線。
內聯元素只包住HTML元素（內容），因此，其寬度根據內容