前端面试题

BFC

BFC是什么

BFC能解决什么问题

BFC如何创建(开启)

1）根元素

2）overflow 不是visible的其他值

3）display 值是inline-block table-cell table-caption

1.display:none 隐藏后位置不见 visibility:hidden 隐藏后位置还在

2.display:none 不能被子元素继承 visibility:hidden 子元素可继承

3.display:none css3 的transtion 无法过渡display visibility可以

4.visibility:hidden不会影响计数器的计数，在ol中元素虽然不见了，但是计数器仍在进行中

5.visibility:hidden不会引起回流，只会引起重绘

重绘和回流

重绘：当页面元素样式改变不影响元素在文档中的位置时，如background-color、border-color、visibility等，浏览器只会将新的样式赋予元素并进行重新绘制操作。

回流：当渲染树(render tree)中的一部分或全部因为元素的尺寸、布局、隐藏等改变时，浏览器重新渲染部分DOM或者全部DOM的过程

页面至少进行一次回流

ps :回流必将引起重绘，而重绘不一定会引起回流