CSS 的 DIV 以前的做法是使用「display:inline;」或「display:inline-block;」來達到寬度和高度自動伸縮自如，但是，這個方法有一處弊端，需要在外層加多一個 DIV 包圍，不讓後排的文字或物件相連。

不如利用 CSS3 的「fit-content」屬性來實現 div 元素的寬度，根據內部的文字內容、物件自動調整；通過設置 width: fit-content 以及瀏覽器兼容性樣式，可以確保 div 在不同瀏覽器中正確顯示自適應寬度。

代碼：

.box {
	border: 2px solid red;
	border-radius: 5px;
	padding: 5px;
	width:fit-content;
	width:-webkit-fit-content;
	width:-moz-fit-content;
}
<div class="box">我是文字唷!...</div>
<br />
<div class="box"><input type="text" value="text123" /></div>

代碼測試︰ ifreesite.com/runcode.htm