div嵌套input,高度上有疑问!

在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%.jpg
这是100%的图,div被盖住了。
125%.jpg
125%,就好了!
是什么原因呢?

阅读 3.9k
3 个回答

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

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

最终解决,将input的backGround变成none就可以解决了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题