今天我們來討論一下CSS中input如何擴大的問題。 首先，我們要知道，input標簽的寬度默認會根據內容自適應。如果我們想要改變它的寬度，可以使用CSS屬性“width”。比如，我們可以將一個輸入框的寬度設置為200像素：

input {
width: 200px;
}

以上的代碼表示，將所有的input元素的寬度都設置為200像素。我們也可以只針對某個特定的input元素進行設置：

#myInput {
width: 200px;
}

以上的代碼表示，將ID為“myInput”的輸入框的寬度設置為200像素。 除了使用具體的像素值，我們也可以使用百分比來進行設置。例如，我們想讓輸入框的寬度占據外層容器的50%。

.container {
width: 500px;
}
input {
width: 50%;
}

以上的代碼表示，將容器的寬度設置為500像素，然后將所有的輸入框的寬度都設置為該容器的50%。 最后，我們來說一下有關input元素的一個常見問題：當我們給輸入框增加了邊框和內邊距時，它的寬度會變得比較奇怪。這時候我們需要使用CSS的“box-sizing”屬性。

input {
width: 200px;
padding: 10px;
border: 1px solid #ccc;
box-sizing: border-box;
}

以上的代碼表示，將輸入框的寬度設置為200像素，內邊距設置為10像素，邊框設置為1像素粗的灰色實線，并將“box-sizing”屬性設置為“border-box”。這就會讓輸入框的寬度包括了內邊距和邊框，不會出現比較奇怪的寬度變化了。 今天我們就來到這里，相信大家已經了解了關于CSS中input如何擴大的問題。希望對大家有所幫助。