CSS样式——BFC规范
- 了解BFC规范
【CSS样式——BFC规范】BFC即Block Formatting Contexts(块级格式化上下文)。具有BFC特性的元素可以看作是隔离了的独立容器,容器里面的元素不会在布局上影响到外面的元素,并且BFC具有普通元素所没有的一些特性。
- 触发BFC规范的条件
- 设置浮动样式的元素:除float:none以外
- 设置绝对定位的元素:position(absolute、fixed)
- 设置元素类型转换的元素:display(inline-block、table-cells、flex)
- 设置元素内容溢出显示的元素:overflow(hidden、auto、scroll)
- BFC规范的应用
- 解决margin高度塌陷问题
- 解决margin-top传递问题
- 解决浮动问题
- 解决覆盖问题
推荐阅读
- 急于表达——往往欲速则不达
- 慢慢的美丽
- 《真与假的困惑》???|《真与假的困惑》??? ——致良知是一种伟大的力量
- 2019-02-13——今天谈梦想()
- 考研英语阅读终极解决方案——阅读理解如何巧拿高分
- Ⅴ爱阅读,亲子互动——打卡第178天
- 低头思故乡——只是因为睡不着
- 取名——兰
- 每日一话(49)——一位清华教授在朋友圈给大学生的9条建议
- 标签、语法规范、内联框架、超链接、CSS的编写位置、CSS语法、开发工具、块和内联、常用选择器、后代元素选择器、伪类、伪元素。