css
文章平均质量分 61
qq码农
这个作者很懒,什么都没留下…
展开
-
CSS 样式穿透的三种方式
CSS 样式穿透的三种方式原创 2022-09-27 17:25:53 · 3560 阅读 · 0 评论 -
flex 实现两行滚动布局实现的思路
需求:实现两行多列布局,列的数目不定,左右可以滚动。实现思路:使用的知识点:flex 弹性布局先固定父元素高度,然后用flex纵向排列(flex-direction:column;)。然后子元素高度设置为父元素一半,这样一纵列只能放下两个元素,然后超出换行(flex-wrap:wrap;),元素就自动向右排列了。html:<ul> <li></li> <li></li> &l...原创 2022-05-19 16:47:25 · 4792 阅读 · 0 评论 -
CSS实现隐藏滚动条并可以滚动内容效果(三种方式)
隐藏滚动条的同时还需要支持滚动,我们经常在前端开发中遇到这种情况,最容易想到的是加一个iscroll插件,但其实现在CSS也可以实现这个功能,我已经在很多地方使用了,下面一起看看这三种方法。方法1:计算滚动条宽度并隐藏起来在本站的侧栏,你可以看到前端日报的那块内容并没有滚动条,但鼠标移上去却可以滚动内容。这是什么技术呢? 其实我只是把滚动条通过定位把它隐藏了起来。演示下面给一个简化版的代码 <div class="outer-container"> ..原创 2022-05-19 16:39:05 · 17789 阅读 · 0 评论