在編寫網頁界面時，input框是不可或缺的元素之一，它可以用于收集用戶的輸入或選擇，不同類型的input框有不同的樣式和功能。而input框的寬度是我們需要特別關注的問題之一，下面將介紹如何通過CSS來控制input框的寬度。

input {
width: 100%; /* 設置寬度為父元素的100% */
box-sizing: border-box; /* 將邊框和內填充算入寬度 */
padding: 10px; /* 設置內填充為10px */
border: 1px solid #ccc; /* 設置邊框為1px實線，顏色為灰色 */
}

上面的代碼是常用的控制input框寬度的CSS樣式，其中width屬性設置為父元素的100%，即占滿父元素的寬度，配合box-sizing屬性將元素的邊框和內填充算入寬度，padding屬性設置內填充的大小，border屬性設置元素的邊框樣式和顏色。

當我們需要控制input框的固定寬度時，可以將width屬性替換為固定像素值，如：

input {
width: 200px; /* 設置寬度為200像素 */
}

以上是固定寬度的設置方式，需要根據實際需求來調整數值。這種方式適用于一些固定樣式的頁面布局。

總而言之，通過CSS樣式我們可以非常靈活地控制input框的寬度，并根據實際需求進行靈活的調整。希望本文對您有所幫助！