貼文討論：關於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歲無業，藉由職涯諮詢師的建議想轉職為前端工程師
熱門搜尋： 公司 css 改善 "; QA ') 框架 開發 design 工作 作為 Js AWS html 分享 Javas 媒體 ui '; solid 網站 取代 系列 伺服器 使用 第一 VUE ar 作品 part odf 入門 演算法 技術 git app id 架構 url Openai php React Context gpt title github action Response 語言 github console react 工程師 作業 客製化 JS ＣＳＳ sap jav java 結構 搜尋 開源 乾淨 with node 前端 Java onClick 套件 JavaScript js ejs Vue component 主題 COM 部署 error REACT javascript 面試 練習 學習 aws 模仿 go spotify Entity 邁向資深之路 vs lara docke jqu javasc M' 聊天機器人 ci 原型 for create model
🛡️ 隱私及網站安全：本站註冊過程「不須提供任何個資」，只要 E-Mail 與帳密即可註冊，請安心註冊！線上付款過程使用「綠界科技 ECPay 」第三方專業金流廠商，全程在「綠界科技 ECPay 」網站進行付款程序，本站「不會紀錄任何信用卡資訊」，請放心付款、解鎖課程！您隨時可以透過 FB 粉專或者 Email 聯絡站長，請求刪除網站上的個人資料。