display 设置了 none 属性会隐藏元素，且其位置也不会被保留下来，所以会触发浏览器渲染引擎的回流和重绘。 不会，因为 BFC 是页面中一个独立的隔离容器，其内部的元素不会与外部的元素相互影响，比如两个 div，上面的 div 设置了 float，那么如果下面的元素不是…

本文其实应该叫，Web 用户体验设计提升指南。 ... 所谓的用户体验设计，其实是一个比较虚的概念，是秉承着以用户为中心的思想的一种设计手段，以用户需求为目标而进行的设计。设计过程注重以用户为中心，用户体验的概念从开发的最早期就开始进入整个流程，并贯穿始终。 良好的用户体验设计…

在平常业务开发中产品和UI经常会把文字较多或者一些订单信息设置成卡片然后以折叠的形式展现，目的是为了让首屏的可视空间加大。 实现思路：主要是控制盒子的高度配合溢出隐藏以及添加过渡效果，便可实现折叠面板。 动态高度主要是设置在最外层的盒子，中间两块一个是标题以显示的形式展现，另一…

此篇教程是关于Flex布局的完整系统教程，对于已经非常熟悉Flex布局的读者，推荐直接跳到`flex-grow`和`flex-shrink`属性部分，相信你会了解到你之前没有关注到的点。

通知栏组件是一个比较常见的组件了，基本上每个站点都会有怎么个组件，主要就是通告站点的一些变化或者是告知一些中奖名单等作用。 最近在复习CSS3动画部分内容，想着平时通知栏组件大部分还是用JS来实现，正好拿这块组件来当复习，下面写了三个小例子在此分享，欢迎大家观看，如有疑问，欢迎…