css/less/scss
文章平均质量分 63
css/less/scss
青提柚柚
这个作者很懒,什么都没留下…
展开
-
css让目标盒子占满父盒子剩余的所有高度(兄弟盒子的高度是变化的)
日常开发中,我们会遇到一个父盒子下面有多个兄弟元素,且兄弟元素的高度可能随着业务数据的变动而发生改变,而我们需要目标子盒子的高度占据满剩余高度,这个时候没办法设置height百分百(会超出导致父盒子产生滚动条),也没办法使用calc计算(兄弟盒子的高度未知),这时候就可以使用flex布局实现。具体来说:可以将父元素设置为和,然后将 listDiv设置为,这样它就会占据剩余的所有高度。原创 2024-09-10 14:47:42 · 248 阅读 · 0 评论 -
animation基础学习与实现简单loading圆环
animation:是以下八个属性的集合1.animation-name(绑定的动画名称,可以绑多个,多个名称之间用逗号分隔)2.animation-direction(播放动画的方向:正/反)animation-duration:normal //正向播放;animation-duration:reverse /反向播放;animation-duration:alternate //按照播放次数,奇正偶反;原创 2024-03-06 17:11:58 · 804 阅读 · 1 评论