這篇文章將為大家詳細(xì)講解有關(guān)DIV布局屬性用法有哪些，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個(gè)參考，希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。

創(chuàng)新互聯(lián)主要企業(yè)基礎(chǔ)官網(wǎng)建設(shè)，電商平臺(tái)建設(shè)，移動(dòng)手機(jī)平臺(tái)，微信小程序開(kāi)發(fā)等一系列專(zhuān)為中小企業(yè)按需定制產(chǎn)品體系；應(yīng)對(duì)中小企業(yè)在互聯(lián)網(wǎng)運(yùn)營(yíng)的各種問(wèn)題，為中小企業(yè)在互聯(lián)網(wǎng)的運(yùn)營(yíng)中保駕護(hù)航。

DIV布局屬性：

在以前的HTML里，元素的位置只能靠元素的依次排列覺(jué)得，而在CSS里你可以更精確的定位元素。Netscape曾提出過(guò)Layer標(biāo)記，它對(duì)于精確布局很有好處，但是并沒(méi)有被W3C承認(rèn)，W3C在CSS提出了類(lèi)似于Layer標(biāo)記的功能。

◆DIV布局屬性之position屬性：

position屬性用來(lái)決定元素的位置類(lèi)型，詳見(jiàn)屬性：
屬性名稱(chēng):'position'
屬性值:absolute|relative|static
初始值:static
適合對(duì)象:所有元素
是否繼承:no
百分比備注:被禁止

其屬性值分別代表：

absolute：屏幕上的絕對(duì)位置。
relative：屏幕上的相對(duì)位置。
static：固有位置。

◆DIV布局屬性之direction屬性：

direction屬性決定BOX的排列方向，詳見(jiàn)屬性：
屬性名稱(chēng):'direction'
屬性值:ltr|rtl
初始值:ltr
適合對(duì)象:所有元素
是否繼承:yes
百分比備注:被禁止

◆DIV布局屬性之float和clear屬性：

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

例如：

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

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

屬性名稱(chēng):'clear'
屬性值:left|right|both|none
初始值:none
適合對(duì)象:所有元素
是否繼承:no
百分比備注:被禁止

關(guān)于DIV布局屬性用法有哪些就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到。