欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

解决搜索框和搜索按钮button边框不能重合的问题

程序员文章站 2024-01-03 08:45:04
今天在用百度页面做练习的时候突然发现,尽管设置了搜索框和button的margin值和padding值各为0,他们俩的边框还是不能重合(不想用position)无奈之下问了老师,老师说设置他俩的父元素...

今天在用百度页面做练习的时候突然发现,尽管设置了搜索框和button的margin值和padding值各为0,他们俩的边框还是不能重合(不想用position)

解决搜索框和搜索按钮button边框不能重合的问题

无奈之下问了老师,老师说设置他俩的父元素的font-size为0就行,因为父元素的文本内容有个默认的font-size使得他俩的间距始终不能完全重合,所以设置font-size之后就完美解决,

解决搜索框和搜索按钮button边框不能重合的问题

但是由于标签属性可以继承,还要注意子标签中的文本内容有没有受到影响,如有影响自然是另外设置。
在chrome的控制台修改font-size的值时发现只要不为0,俩框就会分开到一个固定距离,无论值有多大都不变。

总结

到此这篇关于解决搜索框和搜索按钮button边框不能重合的问题的文章就介绍到这了,更多相关搜索框和搜索按钮不能重合内容请搜索以前的文章或继续浏览下面的相关文章,希望大家以后多多支持!

上一篇:

下一篇: