在CSS中，可以使用position屬性來(lái)定位按鈕和搜索欄的位置，以下是一個(gè)簡(jiǎn)單的示例，展示了如何將按鈕和搜索欄放在同一個(gè)水平線上：

<div style="position: relative; width: 300px;">
    <button style="position: absolute; left: 10px; top: 10px;">按鈕</button>
    <input style="position: absolute; left: 120px; top: 10px;" type="text" placeholder="搜索欄">
</div>

在這個(gè)示例中，div元素是相對(duì)定位的，寬度為300像素，按鈕和搜索欄都使用***定位，left屬性設(shè)置它們的水平位置，top屬性設(shè)置它們的垂直位置，這樣，按鈕和搜索欄就會(huì)在同一水平線上。

如果你希望搜索欄在按鈕后面，可以將搜索欄的left屬性設(shè)置為按鈕的right屬性加上一些間距：

<div style="position: relative; width: 300px;">
    <button style="position: absolute; left: 10px; top: 10px;">按鈕</button>
    <input style="position: absolute; left: 140px; top: 10px;" type="text" placeholder="搜索欄">
</div>

這樣，搜索欄就會(huì)出現(xiàn)在按鈕后面，兩者之間有一些間距，你可以根據(jù)需要調(diào)整這些值，以達(dá)到***佳的效果。