CSS浮動(dòng)和BFC是CSS中常用的兩個(gè)技術(shù)，常用于優(yōu)化網(wǎng)頁(yè)的排版和布局。下面將介紹它們。

## CSS浮動(dòng)

浮動(dòng)是一種常見的CSS布局技術(shù)，用于改變?cè)氐奈恢煤痛笮　８?dòng)可以通過在父元素上添加“float”屬性來實(shí)現(xiàn)。父元素的“float”屬性值設(shè)置為“l(fā)eft”、“right”或“none”，這將會(huì)使子元素向左、向右或居中移動(dòng)。浮動(dòng)還可以使用“clear”屬性來清除浮動(dòng)，例如：

.parent {

float: left;

.child {

width: 100px;

height: 100px;

background-color: blue;

margin: 5px;

.parent {

clear: left;

上面的代碼將父元素“.parent”中的子元素“.child”向左移動(dòng)5像素，并清除浮動(dòng)。

## BFC

使用BFC，您可以創(chuàng)建一個(gè)簡(jiǎn)單的布局，例如：

<div class="container">

<p>這是一段文本。</p>

</div>

需要注意的是，BFC只適用于靜態(tài)網(wǎng)頁(yè)。對(duì)于動(dòng)態(tài)網(wǎng)頁(yè)，使用BFC可能會(huì)導(dǎo)致一些問題，例如響應(yīng)式設(shè)計(jì)不兼容。

CSS浮動(dòng)和BFC是CSS中常用的兩個(gè)技術(shù)，用于優(yōu)化網(wǎng)頁(yè)的排版和布局。通過使用浮動(dòng)和BFC，您可以創(chuàng)建復(fù)雜的布局，并確保網(wǎng)頁(yè)在不同瀏覽器中具有良好的兼容性。