HTML5 中 button 的位置异常问题

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

您需要登录才可以下载或查看，没有账号？立即注册

x

本帖最后由 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

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

学习到了

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

66666666666666学习了

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

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

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

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

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

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

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

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

浏览器名及版本？

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

账号		自动登录	找回密码
密码			立即注册