div 设置高度后 页面展示的div 比设置的高度 多出一点

Question

Answer 1

解决方案：

div {overflow: hidden; box-sizing: border-box}

由于没有提供相关代码，推测可能产生的原因

• height 与 line-height 形成的高度实际不等，这是因为元素存在浏览器默认的内置的上下间距
• 左右结构的内容使用的浮动布局float/元素被修改为行内块元素inline-block，上下margin有1-2px

Answer 2

对其添加css样式box-sizing: border-box;

Answer 3

在最外层设置overflow:hidden.并且设置盒子模型 box-sizing: border-box;