
css
梅子丨朱
孤独是一个人的狂欢
展开
-
代码记录
鼠标特效:.li-img:hover{ transform:scale(1.1,1.1); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;原创 2020-10-13 17:28:16 · 203 阅读 · 0 评论 -
css设置overflow-y:auto和max-height之后,滚动条一直在
容器上加一条css属性:line-height:1,其实父元素和子元素高度一样,出现的滚动条,也就是说父元素再大点就可以,line-height正好解决这个鬼问题,故不显示滚动条,也算得上一个小技巧,记录下。...原创 2020-09-14 10:30:56 · 5784 阅读 · 3 评论 -
滚动条样式不好看,css帮我搞定
/*修改滚动条样式*/div::-webkit-scrollbar{ width:10px; height:10px; /**/}div::-webkit-scrollbar-track{ background: rgb(239, 239, 239); border-radius:2px;}div::-webkit-scrollbar-thumb{ background: #bfbfbf; border-radius:10px;}div::-webkit-scro.原创 2020-06-01 17:41:23 · 402 阅读 · 0 评论 -
css中实现子父元素高度自适应子元素高度
先说明下问题,需求是child2中字数不固定,需要实现parent随着child2的高度变化而变化:解决办法:parent:position:relative;child:position:absolute;height:100%;解释:当某个absolute定位元素的父元素具有position:relative/absolute/fixed时,定位元素都会依据父元...原创 2019-10-18 16:02:58 · 5287 阅读 · 0 评论 -
【CSS】div和img之间有间隙的原因及解决办法
原因:div 中 存在 img标签,由于img标签的 display:inline-block 属性。 display:inline-block布局的元素在chrome下会出现几像素的间隙,原因是因为我们在编辑器里写代码的时候,同级别的标签不写在同一 行以保持代码的整齐可读性,即inline-block布局的元素在编辑器里不...转载 2019-09-17 09:03:58 · 1271 阅读 · 0 评论