這篇文章給大家介紹怎樣解析DIV布局中四大屬性用法，內(nèi)容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

站在用戶的角度思考問題，與客戶深入溝通，找到君山網(wǎng)站設(shè)計與君山網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗，讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：成都網(wǎng)站制作、成都網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、域名申請、虛擬空間、企業(yè)郵箱。業(yè)務(wù)覆蓋君山地區(qū)。

在學習網(wǎng)頁布局的過程中，你對DIV布局的屬性是否了解，在以前的HTML里，元素的位置只能靠元素的依次排列覺得，而在CSS里你可以更精確的定位元素。

DIV布局屬性：

在以前的HTML里，元素的位置只能靠元素的依次排列覺得，而在CSS里你可以更精確的定位元素。Netscape曾提出過Layer標記，它對于精確布局很有好處，但是并沒有被W3C承認，W3C在CSS提出了類似于Layer標記的功能。

◆DIV布局之position屬性：

position屬性用來決定元素的位置類型，詳見屬性：
屬性名稱:'position'
屬性值:absoluterelativestatic
初始值:static
適合對象:所有元素
是否繼承:no
百分比備注:被禁止
其屬性值分別代表：
absolute：屏幕上的絕對位置。
relative：屏幕上的相對位置。
static：固有位置。

◆DIV布局之direction屬性：

direction屬性決定BOX的排列方向，詳見屬性：
屬性名稱:'direction'
屬性值:ltrrtl
初始值:ltr
適合對象:所有元素
是否繼承:yes
百分比備注:被禁止

◆DIV布局之float和clear屬性：

在HTML中圖片可以選擇飄浮的位置，現(xiàn)在BOX對象通過CSS對于也可以選擇飄浮的位置。改變BOX的float屬性，BOX將飄浮在其他元素的左或右方：
屬性名稱:'float'
屬性值:leftrightnone
初始值:none
適合對象:所有元素
是否繼承:no
百分比備注:被禁止
例如：

 IMG{float:left}  BODY,P,IMG{margin:2em}    
  Somesampletextthathasnoother...  

◆相反的，使用clear屬性將禁止元素在BOX的左方或右方飄?。?/p>

屬性名稱:'clear'
屬性值:leftrightbothnone
初始值:none
適合對象:所有元素
是否繼承:no
百分比備注:被禁止

關(guān)于怎樣解析DIV布局中四大屬性用法就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。