Solve the problem that the borders of the search box and the search button cannot overlap

Today, when I was practicing with the Baidu page, I suddenly found that even though the margin and padding values ​​of the search box and button were set to 0, their borders still could not overlap (I didn't want to use position)

I asked the teacher, who said that I could just set the font-size of their parent element to 0. Because the text content of the parent element has a default font-size, the spacing between the two elements can never completely overlap, so setting the font-size will solve the problem perfectly.

But due to Tag attributes can be inherited, and you should also pay attention to whether the text content in the sub-tags is affected. If so, you should set it separately.
When modifying the font-size value in the Chrome console, it is found that as long as it is not 0, the two boxes will be separated to a fixed distance, no matter how large the value is.

Summarize

This concludes this article on how to solve the problem of the search box and search button borders not overlapping. For more related content about the search box and search button not overlapping, please search 123WORDPRESS.COM’s previous articles or continue to browse the related articles below. I hope you will support 123WORDPRESS.COM in the future!