在開發網頁時，表格是一種經常用到的元素。而且，我們還經常需要在表格中加入 input 元素。但是，有時候我們會發現，input 元素和表格重合了，這是為什么呢？

<table>
<tr>
<td><input type="text" name="name"></td>
<td>text</td>
</tr>
</table>

在上面的代碼中，我們在表格的第一個單元格內插入了一個 input 元素。如果你在瀏覽器中查看，你會發現，input 元素和表格的邊框重合，這是因為 input 元素的默認邊框樣式在某些瀏覽器中并不是透明的。

為了解決這個問題，我們可以在 CSS 中加入以下樣式：

input{
border: none;
outline: none;
}

這樣，我們就可以將 input 元素的邊框設置為透明，不再和表格重合了。當然，如果你希望給 input 元素加邊框，你可以在 CSS 中針對性地設置。

除了 input 元素的邊框問題之外，有時候我們會希望 input 元素與表格的寬度一致，這時候我們可以將 input 的寬度設置為 100%。

input{
width: 100%;
border: none;
outline: none;
}

當我們將 input 的寬度設置為 100% 之后，它就會和表格的單元格一樣寬了。如果你想讓 input 的寬度自動適應文本內容，可以將寬度設置為 auto。

總的來說，在表格中加入 input 元素時，我們需要注意邊框的問題和寬度的問題。只要我們正確地設置樣式，就可以讓 input 和表格完美地融合在一起，達到我們想要的效果。