CSS 的 bfc 是指雙向綁定，它是一種用于控制網頁元素的樣式的 CSS 屬性。BFC 是一種高級的 CSS 技術，它可以將一個元素的顏色、邊框、內邊距等樣式與另一個元素的屬性綁定，使得這些元素在它們的共同祖先元素中看起來相同。

下面是一個使用 BFC 技術實現雙向綁定的示例：

```html

<div class="parent">

<div class="child"></div>

</div>

在上面的示例中，`class="parent"` 表示父元素，`class="child"` 表示子元素。我們可以使用 BFC 將子元素的寬度和高度設置為 `100%` 并與父元素的寬度和高度綁定，如下所示：

```css

.parent {

width: 100%;

height: 100%;

background-color: blue;

.child {

width: 100%;

height: 100%;

background-color: green;

在上面的示例中，當用戶滾動頁面時，父元素的寬度和高度將隨著頁面滾動而變化，而子元素的寬度和高度將保持固定值，這樣可以防止頁面滾動時元素的大小變化。

除了實現雙向綁定，BFC 還可以用于控制元素的對齊方式、背景顏色等。BFC 技術可以大大提高 CSS 的編寫效率，并且可以讓網頁的樣式更加統一和易于維護。