DW作為一款功能強(qiáng)大的網(wǎng)頁(yè)制作工具，可以幫助我們輕松實(shí)現(xiàn)各種網(wǎng)頁(yè)效果。在DW中，我們經(jīng)常使用CSS來(lái)設(shè)置網(wǎng)頁(yè)樣式，其中向左浮動(dòng)是比較常用的一種效果。

要實(shí)現(xiàn)向左浮動(dòng)效果，首先需要在CSS樣式中先定義一個(gè)類名，可以取任意名字，比如“float-left”：

.float-left {
float: left;
margin-right: 20px;
}

在上面的代碼中，“float”屬性用來(lái)定義元素浮動(dòng)方向，這里設(shè)置為“l(fā)eft”表示向左浮動(dòng)。“margin-right”是用來(lái)設(shè)定元素右側(cè)的外邊距，這里設(shè)為20像素，可以根據(jù)具體需求進(jìn)行調(diào)整。

定義好這個(gè)類之后，就可以在HTML中使用它來(lái)實(shí)現(xiàn)向左浮動(dòng)效果了。比如，如果我們要使一個(gè)圖片向左浮動(dòng)，可以在標(biāo)簽中使用“class”屬性來(lái)引用這個(gè)類：

<img src="example.jpg" class="float-left" alt="示例圖片">

這樣，圖片就會(huì)向左浮動(dòng)，并且右側(cè)會(huì)留出20像素的空白。

除了圖片，也可以對(duì)其他元素進(jìn)行向左浮動(dòng)設(shè)置，比如