随笔分类 -  Css

摘要:在制作官方的时候,侧边栏的导航栏经常会要求出现二级菜单,而我们也会在两个二级导航之间加上一个分割线。当我们的需求如下图的时候,我们就需要对分割线进行处理,保证每一行的首尾都不出现分割线。 1. 我们先看一下实现这个功能的基本结构 2. 我们的基本思路是在每一个二级导航的左边添加分割线,然后对分割线进 阅读全文
posted @ 2018-11-01 16:49 天使猫 阅读(492) 评论(0) 推荐(0)
摘要:一些场合我们可能需要一些类似于如下下拉过渡的效果 实现方法这里总结两种 html结构 必须是这种结构,思路就是通过控制第二个盒子(在这儿是ul)的高度,实现上拉,下拉的效果,这儿只需要将 overflow: hidden;` 再结合css3过渡就可以实现 方法1:当ul有固定高度,这时可以为ul添加 阅读全文
posted @ 2018-07-27 22:09 天使猫 阅读(574) 评论(0) 推荐(0)
摘要:在css的日常应用中,经常会遇到想要通过 来达到使子盒子与父盒子高度一样的目的,但是偶尔明明设置了 ,但是却没有达到想要的结果,这次我们就一起探索一下,什么情况 有效,什么时候无效。 有效的情况 1. 当父元素有固定高度时,子盒子可以直接使用 达到与父盒子高度相同的目的; 2. 倘若父盒子是其中一个 阅读全文
posted @ 2018-06-06 20:31 天使猫 阅读(257) 评论(0) 推荐(0)