【CSS】div嵌套input，高度上有疑问！

• Z时代
• 2024-01-10
• 分类：技术分享

在div里包裹<input type="text">为什么会压着半像素（页面放大超过100%就好了）？

<style type="text/css">
    div{
        width: 554px;
        height: 36px;
        border: 2px solid #ff5000;
    }
    input{
        height: 36px; /*input高度和div一样啊*/
        line-height: 36px;
        border: none;
        outline: none
        padding: 0px;
        margin: 0px;
    }
</style>

<div>
    <input type="text">
</div>

这是100%的图，div被盖住了。

125%，就好了！
是什么原因呢？

回答：

box-sizing是什么？是不是他留下的高度不够

回答：

你outline后面少了个分号，所以pading,margin都没有生效

以上是 【CSS】div嵌套input，高度上有疑问！ 的全部内容， 来源链接： utcz.com/a/155812.html