简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
css - .clearfix:after中为什么设置display: table
怪我咯
怪我咯 2017-04-17 11:30:45
0
4
954

相较于display: block;有什么优点吗？

怪我咯
怪我咯

走同样的路，发现不同的人生

reply all (4)
大家讲道理
大家讲道理2017-04-17 11:32:45 4 floor

实际上设置display：table实际是利用了使父容器形成BFC
而display：block是不会清除浮动的，它是利用了clear：both来清除浮动的
建议看看这篇文章，如果有兴趣还可以专门研究一下BFC
CSS清除浮动（Clear与BFC）

Like+0
Add Reply
    刘奇
    刘奇2017-04-17 11:32:45 3 floor

    display:block会导致换行呀

    Like+0
    Add Reply
      黄舟
      黄舟2017-04-17 11:32:45 2 floor

      display:table 会清楚前后的浮动元素 block则不会

      Like+0
      Add Reply
        Ty80
        Ty802017-04-17 11:32:45 1 floor

        防止margin合并

        Like+0
        Add Reply
          Popular Topics
          More>
          Popular Articles
          Popular Tutorials
          More>
          Related Tutorials
          Popular Recommendations
          Latest courses
          Latest Downloads
          More>
          Web Effects
          Website Source Code
          Website Materials
          Front End Template
          About us Disclaimer Sitemap
          php.cn：Public welfare online PHP training，Help PHP learners grow quickly！