css BFC粗淺應用

2021-09-02 08:36:15 字數 358 閱讀 1670

在網上搜css bfc,很多專業的帖子,本文只說下最簡單的應用

在布局的時候,有時候absolute是很方便的,比如要製造某元素離底部10px的效果,用absolute定位可能是最簡單的方式。而absolute布局,就涉及到bfc的概念

首先為乙個元素設定樣式:

position: absolute;

bottom: 0;

就會設定此元素緊貼它的bfc的底部。在沒有建立任何新bfc的情況下,body就是整個文件唯一的bfc,所以此元素就會貼住body的底部

對於下面的結構:

position: relative;

}#content

CSS BFC學習筆記

bfc,全稱是block formatting context,塊級格式化上下文。詳細是什麼,能夠理解為頁面元素的一種特性。觸發了bfc的元素往往會產生一些對剛開始學習的人而言意想不到的效果。觸發bfc的方法有下面幾種,滿足當中隨意一種就能觸發bfc 那麼bfc有哪些特點呢,為什麼要觸發bfc呢?先...

棧的基本操作及粗淺應用

pragma once include include include include define stack init deep 100 typedef int datatype typedef struct stackstack,pstack 初始化棧 void stackinit pstac...

css BFC與IFC的理解

bfc block formatting context 即 塊級格式化上下文 ifc inline formatting context 即 行內格式化上下文 常規流 也稱標準流 普通流 是乙個文件在被顯示時最常見的布局形態。乙個框在常規流中必須屬於乙個格式化上下文,你可以把bfc想象成乙個大箱子...