貼文討論：關於CSS的BFC創建條件有些不明白之處

留言回覆：我晚點來研究一下 先說一點 feedback：現在幾乎都不會用到 `overflow: auto;` 了欸 以前排版可能偶爾會用到，現在幾乎都不會用到這屬性 通常用 flexbox 或是 position 就可以做到同樣效果
查看原始貼文與相關留言

謝謝指點 避免誤會，這邊BFC指的是Block formatting context

我overflow: auto;的目的，純粹是要嘗試創建BFC的環境， overflow: auto;本身的功能就不太在意

我在其他教學看到BFC大概可以解決這些問題： - float 元素的外層容器塌陷問題 - 元素間的 margin collapsing(外邊距重疊)問題 - float 元素與其他元素的重疊問題 (float 元素遮住其他元素)

有些甚至是說面試時會問BFC的概念

所以其實現在業界的前端不太會遇到這些問題， 還是說會用其他方式來處理這些問題呢?

其實我現在是購買線上課程學習前端， 該課程HTML、CSS的部分也完全沒提到BFC、IFC、GFC、FFC的功能， 我也懷疑是否因為過時， 所以課程教師覺得沒有學的必要

Gunleon
目前35歲無業，藉由職涯諮詢師的建議想轉職為前端工程師
熱門搜尋： 工作 node.js COM 房 C ＣＳＳ 使用 學習 2 . 1 前 開發 COMPO Ai c ui 10 AI 20 4 React 第一 github html ci 分享 語言 網站 作為 git 技術 PHP 作業 前端 50 HTML 題 JS api 搜尋 系列 react java 研究 資料庫 專案 go cn 測試 工程師 結構 create % with id 非同步 ` jav 作業分享 user .NET 分離 prisma 聊天 遊戲 後端 新創 Line for 練習 PYTHON this ") javascript app Github colab js CD promise theprofs 研 資料結構 CSS 謝謝 架構 Java vs 機器人 rest part Node Can vue /etc/passwd 非同步 JS 訓練 Fetch API ruby PHP'
🛡️ 隱私及網站安全：本站註冊過程「不須提供任何個資」，只要 E-Mail 與帳密即可註冊，請安心註冊！線上付款過程使用「綠界科技 ECPay 」第三方專業金流廠商，全程在「綠界科技 ECPay 」網站進行付款程序，本站「不會紀錄任何信用卡資訊」，請放心付款、解鎖課程！您隨時可以透過 FB 粉專或者 Email 聯絡站長，請求刪除網站上的個人資料。