css塊級格式化上下文BFC

來源:互聯網
上載者:User
這篇文章主要介紹了關於css塊級格式化上下文BFC,有著一定的參考價值,現在分享給大家,有需要的朋友可以參考一下

BFC渲染地區

這個地區由某個HTML元素建立,以下元素會在其內部建立BFC地區

1.根項目

2.浮動和絕對位置元素

3.overflow不等於visible的塊盒

建立BFC的作用應用於它的子項目 獨立的不同BFC地區,他們進行渲染時互不干擾

建立BFC的元素,隔絕了它內部和外部的聯絡,內部的渲染不會影響到外部

具體規則:

1.建立BFC的元素,它的自動高度需要計算浮動元素

2.建立BFC的元素,它的邊框盒不會與浮動元素重疊

3.建立BFC的元素,不會和它的子項目進行外邊距重合

display的一部分值也會自動建立BFC

以上就是本文的全部內容,希望對大家的學習有所協助,更多相關內容請關注topic.alibabacloud.com!

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.