当前位置：主页 > 查看内容

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

发布时间：2021-04-24 00:00| 有 位朋友查看

简介：今天在用百度页面做练习的时候突然发现，尽管设置了搜索框和button的margin值和padding值各为0，他们俩的边框还是不能重合（不想用position） 无奈之下问了老师，老师说设置他俩的父元素的font-size为0就行， 因为父元素的文本内容有个默认的font-size使得他……

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

在这里插入图片描述

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

在这里插入图片描述

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

总结

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


原文链接：https://m.jb51.net/css/747041.html
本站部分内容转载于网络，版权归原作者所有，转载之目的在于传播更多优秀技术内容，如有侵权请联系QQ/微信：153890879删除，谢谢！
上一篇：css一些不常见但很有用的属性操作大全 下一篇：没有了

推荐图文

  • 周排行
  • 月排行
  • 总排行

随机推荐