Div標(biāo)簽與表格的單元格不同,Div標(biāo)簽可以出現(xiàn)在Web頁(yè)上的任何位置??梢杂媒^對(duì)方式(指定x和y坐標(biāo))或相對(duì)方式(指定與其他頁(yè)面元素的距離)來(lái)定位Div標(biāo)簽。
創(chuàng)建Css布局有很多種方法,如可以通過(guò)浮動(dòng)、邊距、填充和其他CSS屬性的組合來(lái)創(chuàng)建。另外,CSS布局對(duì)瀏覽器有較高的要求,比如在IE瀏覽器中可以正確顯示,而在另一些瀏覽器中則無(wú)法正確顯示。
除此之外,用戶也可以使用Dreamweaver絕對(duì)定位元素(AP元素)來(lái)創(chuàng)建CSS布局。AP元素是分配有絕對(duì)位置的HTML頁(yè)面元素,具體地說(shuō),就是Div標(biāo)簽或其他任何標(biāo)簽。不過(guò),Dreamweaver AP元素的局限性是:由于它們是絕對(duì)定位的,因此它們的位置永遠(yuǎn)無(wú)法根據(jù)瀏覽器窗口的大小在頁(yè)面上進(jìn)行調(diào)整。
關(guān)于Css頁(yè)面布局結(jié)構(gòu)
CSS布局的基本構(gòu)造塊是Div標(biāo)簽,在大多數(shù)情況下用作文本、圖像或其他頁(yè)面元素的容器。而一個(gè)HTML頁(yè)面中包含3個(gè)單獨(dú)的Div標(biāo)簽:一個(gè)大的“容器”標(biāo)簽和該容器標(biāo)簽內(nèi)的另外兩個(gè)標(biāo)簽(側(cè)欄標(biāo)簽和主內(nèi)容標(biāo)簽),如圖3-29所示。
