這篇文章主要介紹了如何解決搜索框和搜索按鈕button邊框不能重合的問題，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

在豐潤等地區(qū)，都構建了全面的區(qū)域性戰(zhàn)略布局，加強發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務理念，為客戶提供成都網(wǎng)站設計、網(wǎng)站建設 網(wǎng)站設計制作按需網(wǎng)站制作,公司網(wǎng)站建設,企業(yè)網(wǎng)站建設,成都品牌網(wǎng)站建設,網(wǎng)絡營銷推廣,外貿(mào)網(wǎng)站制作,豐潤網(wǎng)站建設費用合理。

今天在用百度頁面做練習的時候突然發(fā)現(xiàn)，盡管設置了搜索框和button的margin值和padding值各為0，他們倆的邊框還是不能重合（不想用position）

無奈之下問了老師，老師說設置他倆的父元素的font-size為0就行，因為父元素的文本內(nèi)容有個默認的font-size使得他倆的間距始終不能完全重合，所以設置font-size之后就完美解決，

但是由于標簽屬性可以繼承，還要注意子標簽中的文本內(nèi)容有沒有受到影響，如有影響自然是另外設置。
在Chrome的控制臺修改font-size的值時發(fā)現(xiàn)只要不為0，倆框就會分開到一個固定距離，無論值有多大都不變。

感謝你能夠認真閱讀完這篇文章，希望小編分享的“如何解決搜索框和搜索按鈕button邊框不能重合的問題”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關知識等著你來學習!