问答

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

作者:admin 2021-05-07 我要评论

### 解决方案: div {overflow: hidden; box-sizing: border-box} 由于没有提供相关代码,推测可能产生的原因 height 与 line-height 形成的高度实际不等,这是...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

image.png

###

解决方案:

div {overflow: hidden; box-sizing: border-box}
由于没有提供相关代码,推测可能产生的原因
  • heightline-height 形成的高度实际不等,这是因为元素存在浏览器默认的内置的上下间距
  • 左右结构的内容使用的浮动布局float/元素被修改为行内块元素inline-block,上下margin1-2px
###

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

###

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

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • div 设置高度后 页面展示的div 比设置

    div 设置高度后 页面展示的div 比设置

  • 火狐浏览器下载文件失败解读成json文件

    火狐浏览器下载文件失败解读成json文件

  • echarts重叠时遮盖 怎么解决

    echarts重叠时遮盖 怎么解决

  • 一个react的hooks的问题

    一个react的hooks的问题

腾讯云代理商
海外云服务器