BFC(block formatting context)

依然范特西╮ 提交于 2020-03-25 17:48:02

BFC(block formatting context):块级格式化上下文

触发BFC:

1.根元素

2.float;

3.overflow:auto,scroll,hidden;

4.display:table-cell、table-caption、inline-block、flex、inline-flex;

5.position:absolute、fixed;

注:

一、没有父级的元素为根元素

二、浮动会触发BFC

三、overflow 属性规定当内容溢出元素框时发生的事情:

overflow:hidden;1.子集margin-top把父级一起往下带;2.子级浮动导致高度塌陷,可以自动找回高度;3.子级超出父级容器范围

overflow:scroll;多用于留言板类型

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!