Dreamweaver中想要設(shè)置div標(biāo)簽的排列方式，該怎么設(shè)置為左右并排呢？下面我們就來(lái)看看詳細(xì)的教程。

1、我們先做的是插入兩個(gè)div標(biāo)簽，點(diǎn)擊【插入】，找到【布局對(duì)象】—【Div標(biāo)簽】。

2、先創(chuàng)建第一個(gè)長(zhǎng)寬均為200px的div標(biāo)簽，類(lèi)命名為“1”。

3、再先創(chuàng)建第二個(gè)長(zhǎng)寬均為200px的div標(biāo)簽，類(lèi)命名為“2”。

4、我們可以看到兩個(gè)div標(biāo)簽的狀態(tài)是上下并排。

5、然后再雙擊右邊的CSS樣式窗口內(nèi)其中一個(gè)標(biāo)簽的CSS。

6、在div標(biāo)簽的CSS窗口中分類(lèi)選項(xiàng)中，找到【方框】，設(shè)置Float為left，即向左浮動(dòng)。

注意：兩個(gè)div標(biāo)簽都要設(shè)置為向左浮動(dòng)。

7、最后完成左右并排。

8、同樣，再插入一個(gè)div時(shí)候，需要再將它設(shè)置為左浮動(dòng)，可以繼續(xù)左右并排。

以上就是Dreamweaver中div標(biāo)簽設(shè)置左右并排的教程，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注武林網(wǎng)。

相關(guān)推薦：

DreamWeaver怎么使用塊狀標(biāo)簽div?

dreamweaver網(wǎng)頁(yè)中怎么制作DIV圖層?

dreamweaver 怎么在網(wǎng)頁(yè)中使用div展示圖片效果?