那什么时候会触发BFC呢?块级格式化上下文

 

  • <html>根元素;
  • float的值不为none
  • overflow的值为auto、scrollhidden
  • display的值为table-cell、table-caption和inline-block中的任何一个;
  • position的值不为relativestatic

换言之,只要元素符合上面任意一个条件,就无须使用clear:both属性去清除浮动的影响了。因此,不要见到一个<div>元素就加个类似.clearfix的类名,否则只能暴露你孱弱的CSS基本功。

posted @ 2019-04-08 22:04  酷酷的城池  阅读(359)  评论(0编辑  收藏  举报