如何解決搜索框和搜索按鈕button邊框不能重合的問題

發(fā)布時間：2021-05-07 11:03:50 來源：億速云閱讀：323 作者：小新欄目：web開發(fā)

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

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

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

如何解決搜索框和搜索按鈕button邊框不能重合的問題

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

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

向AI問一下細(xì)節(jié)

猜你喜歡