块的顶部外边距和底部外边距有时被组合(折叠)为单个外边距，其大小是组合到其中的最大外边距， 这种行为称为外边距塌陷(margin collapsing)，有的地方翻译为外边距合并。 1.相邻的兄弟姐妹元素 可以发现这两个段落中间的距离，不是 ”上面段落的下边距“ 与 ”下面段落的上边距“ 的 求和 ...
分类：
其他好文 时间：
2017-10-09 20:54:16
阅读次数：
136
我非常喜欢Material Design里折叠工具栏的效果，bilibili Android客户端视频详情页就是采用的这种设计。这篇文章的第二部分我们就通过简单的模仿bilibili视频详情页的实现来了解下CollapsingToolbarLayout的使用。文章的第三部分介绍了Collapsing ...
分类：
移动开发 时间：
2017-09-15 20:23:38
阅读次数：
353
前言 盒子模型作为CSS基础中的基础，曾一度以为掌握了IE和W3C标准下的块级盒子模型即可，但近日在学习行级盒子模型时发现原来当初是如此幼稚可笑。本文尝试全面叙述块级、行级盒子模型的特性。作为近日学习的记录。何为盒子模型? 盒子模型到底何方神圣居然可以作为CSS的基础？闻名不如见面，上图了喂! 再来 ...
分类：
其他好文 时间：
2017-08-05 11:48:43
阅读次数：
157
我非常喜欢Material Design里折叠工具栏的效果，bilibili Android客户端视频详情页就是采用的这种设计。这篇文章的第二部分我们就通过简单的模仿bilibili视频详情页的实现来了解下CollapsingToolbarLayout的使用。文章的第三部分介绍了Collapsing ...
分类：
移动开发 时间：
2017-07-13 14:25:04
阅读次数：
387
不管“程序猿”的世界是多么的杂乱，首先来个 css 2.1规范>Box model>margin-properties. 关于外边距重叠(Collapsing margins），该规范给出了如下几个规则： ...
分类：
其他好文 时间：
2017-04-16 13:24:38
阅读次数：
165
最开始学前端就听过“外边距折叠”这一专业名词，可是什么条件下会发生外边距折叠，后来有了说法，叫“只有处于同一个BFC的外边距会发生折叠（什么是BFC不在这节做讨论）”，那是不是只有这一种条件下外边距才不折叠呢？ 研究css2.2中的box model关于Collapsing margins的讲解。 ...
分类：
其他好文 时间：
2017-04-10 19:40:03
阅读次数：
179
CoordinatorLayout的使用笔记 CollapsingToolbarLayout有两个Children.ImageView用来显示大图.而Toolbar就是折叠后看到的顶栏Toolbar. app:contentScrim="?attr/colorPrimary" ,Collapsing ...
分类：
其他好文 时间：
2017-02-06 19:48:25
阅读次数：
214
uib-collapse提供了一个简单的方法来隐藏和显示元素。 参数设置： 1) collapsed(): 元素完成折叠后的可选操作 2) collapsing(): 元素折叠前的可选操作。如果表达式返回一个promise，直到promise resolves动画才会开始。如果promise被rej ...
分类：
其他好文 时间：
2016-07-14 17:25:33
阅读次数：
598
BFC布局规则： 根据 CSS 2.1 8.3.1 Collapsing margins 第一条，两个相邻的普通流中的块框在垂直位置的空白边会发生折叠现象。也就是处于同一个BFC中的两个垂直窗口的margin会重叠。 根据 CSS 2.1 8.3.1 Collapsing margins 第三条，生 ...
分类：
其他好文 时间：
2016-07-12 19:20:01
阅读次数：
131
如下代码： 会发现，内层div的margin-top显示在了外层div上。 这个“问题”……它是CSS2.1的盒模型中规定的内容——Collapsing margins： In this specification, the expression collapsing margins means t ...
分类：
Web程序 时间：
2016-06-06 13:44:53
阅读次数：
186
