hhhljy 发表于 2022-5-24 23:00:53

HTML5 中 button 的位置异常问题

本帖最后由 hhhljy 于 2022-5-24 23:02 编辑

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

相关代码：

<!-- search模块 -->
      <div class="search">
            <input type="search" placeholder="语言开发">
            <button>搜索</button>
      </div>

.search{
    position: absolute;
    left: 346px;
    top: 25px;
    width: 538px;
    height: 36px;
    border: 2px solid #b1191a;
}

.search input {
    float: left;
    /*加浮动去除input与button之间的缝隙*/
    width: 454px;
    height: 32px;
    padding-left: 10px;

}

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

* {
    margin:0;
    padding: 0;
    box-sizing: border-box;
}

button,
input {
    border: 0;
    outline: none;
}

amazed 发表于 2022-5-25 00:35:10

66666666666666

xueCxueCxueJava 发表于 2022-5-25 22:04:53

{:10_256:}

layyzyy 发表于 2022-5-27 07:36:30

学习到了

kerln888 发表于 2022-5-27 08:09:32

66666666666666学习了

超级无敌磊果果 发表于 2022-5-27 08:11:55

{:10_298:}

1050293757 发表于 2022-5-27 10:33:24

{:5_109:}

豆嘉木 发表于 2022-5-27 11:31:37

{:10_256:}{:10_256:}{:10_256:}

1molHF 发表于 2022-5-27 18:13:26

{:10_256:}{:10_256:}{:10_256:}

1050293757 发表于 2022-5-28 16:52:55

{:5_109:}

超级无敌磊果果 发表于 2022-5-29 08:55:04

{:5_92:}

xueCxueCxueJava 发表于 2022-5-29 12:07:43

{:10_243:}

__add__ 发表于 2022-5-29 12:41:03

浏览器名及版本？

yf644586731 发表于 2022-5-30 15:54:14

{:10_245:}
页: [1]
查看完整版本: HTML5 中 button 的位置异常问题