貼文討論：關於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歲無業，藉由職涯諮詢師的建議想轉職為前端工程師
熱門搜尋： 使用 開發 工作 專案 分享 技術 id ar 網站 作為 API 作業 github Ml for 學習 javascript js 第一 java 測試 html AI Git git 搜尋 JAVA Javascript JavaScript ui api 前端 框架 HTML javasc app %' 語言 系列 開源 ul Java CD user jav 網頁 COM 套件 ci url 結構 架構 ＣＳＳ 清單 後端 GIT Line bi Github 編輯 研究 Node py go css 主題 AWS 部署 react Ai 資料庫 工程師 伺服器 aws console REACT this Can create with json Javas 遊戲 部落格 CSS 查詢 component 練習 分析 Python JS 新手 class node 登入 入門 design 新創 vue 乾淨
🛡️ 隱私及網站安全：本站註冊過程「不須提供任何個資」，只要 E-Mail 與帳密即可註冊，請安心註冊！線上付款過程使用「綠界科技 ECPay 」第三方專業金流廠商，全程在「綠界科技 ECPay 」網站進行付款程序，本站「不會紀錄任何信用卡資訊」，請放心付款、解鎖課程！您隨時可以透過 FB 粉專或者 Email 聯絡站長，請求刪除網站上的個人資料。