-
动效
文章
模型
-
-
-
BFC用途:避免垂直margin合并。
1.同属于一个BFC的块元素垂直margin会发生合并;
2.反之,不同属于一个BFC的块元素垂直margin不会发生合并。
-
BFC布局规则演示:构建自适应两列布局。本例中有3个BFC。
1. aside浮动元素生成一个BFC,其左外边缘和wrap的左边缘对齐
2. main元素通过overflow:hidden生成一个BFC,按规则它将不和aside浮动元素发生重叠。(参考阅读:http://www.w3.org/TR/CSS2/visuren.html#bfc-next-to-float)
这样就生成了一个简单的2列布局。
-
BFC用途 - 清除内部浮动
对wrap使用overflow:hidden,将触发创建一个新的BFC,而BFC在计算高度时会把float元素计算在内。其效果就等同于清除了内部浮动。
-
登录框的右上角的圆形按钮是用户注册的入口。点击后以原质化风格展开。
-
-
Digital Clock with Vue.js
under maintenance