HTML5 中 button 的位置异常问题

hhhljy

是b站pink老师课上的案例，页面在百分之八十的缩放时显示没有问题，其它的缩放比例会出错，很奇怪
就是搜索按钮会出现白色的缝隙
完整的代码在附件中

相关代码：

1. <!-- search模块 -->
   
2.         <div class="search">
   
3.             <input type="search" placeholder="语言开发">
   
4.             <button>搜索</button>
   
5.         </div>

复制代码

1. .search{
   
2.     position: absolute;
   
3.     left: 346px;
   
4.     top: 25px;
   
5.     width: 538px;
   
6.     height: 36px;
   
7.     border: 2px solid #b1191a;
   
8. }

复制代码

1. .search input {
   
2.     float: left;
   
3.     /*加浮动去除input与button之间的缝隙*/
   
4.     width: 454px;
   
5.     height: 32px;
   
6.     padding-left: 10px;
   
7. 
   
8. }

复制代码

.search button {
    float: right;
    width: 80px;
    height: 33px;
    margin-top: -1px;
    background-color: #b1191a;
}

1. * {
   
2.     margin:0;
   
3.     padding: 0;
   
4.     box-sizing: border-box;
   
5. }

复制代码

1. button,
   
2. input {
   
3.     border: 0;
   
4.     outline: none;
   
5. }

复制代码

amazed

66666666666666

xueCxueCxueJava

layyzyy

学习到了

kerln888

66666666666666学习了

超级无敌磊果果

1050293757

豆嘉木

1molHF

1050293757

超级无敌磊果果

xueCxueCxueJava

__add__

浏览器名及版本？

yf644586731