css tips

176 阅读1分钟

1. 清除 overflow: auto;的滚动条

.container{
    overflow: auto
}
.body_text::-webkit-scrollbar {
  display: none
}

2. overfolw:auto 无效

-为div指定overflow属性为auto没问题,但是必须指定div的高度,例子:

-只需要在 F12 Elements面板检查一下要设置overflow的元素的宽高是否大于父级元素宽高。(overflow设置无效的原因大多都是宽高大于父级元素的宽高)

-解决办法:只需要将要设置overflow的元素的宽高 小于等于 父级元素的宽高即可

<div style="position:absolute; 
     height:300px;  // 高度不能大于父级元素高度
     overflow:auto"></div>