最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

在以前的HTML里，元素的位置只能靠元素的依次排列覺(jué)得，而在CSS里你可以更精確的定位元素，這里和大家分享一下DIV布局（Layout）屬性，主要包括position屬性，direction屬性，float和clear屬性等內(nèi)容。

DIV布局（Layout）屬性：

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

◆position屬性：

DIV布局屬性中position屬性用來(lái)決定元素的位置類型，詳見(jiàn)屬性：

屬性名稱:'position'

屬性值:absolute|relative|static

初始值:static

適合對(duì)象:所有元素

是否繼承:no

百分比備注:被禁止

其屬性值分別代表：

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

◆direction屬性：

DIV布局屬性中direction屬性決定BOX的排列方向，詳見(jiàn)屬性：

屬性名稱:'direction'

屬性值:ltr|rtl

初始值:ltr

適合對(duì)象:所有元素

是否繼承:yes

百分比備注:被禁止#p#

◆float和clear屬性：

在HTML中圖片可以選擇飄浮的位置，現(xiàn)在BOX對(duì)象通過(guò)CSS對(duì)于也可以選擇飄浮的位置。改變DIV布局屬性中BOX的float屬性，BOX將飄浮在其他元素的左或右方：

屬性名稱:'float'

屬性值:left|right|none

初始值:none

適合對(duì)象:所有元素

是否繼承:no

百分比備注:被禁止

例如： 

 
 
 

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

 ◆相反的，使用clear屬性將禁止元素在BOX的左方或右方飄浮：

屬性名稱:'clear'

屬性值:left|right|both|none

初始值:none

適合對(duì)象:所有元素

是否繼承:no

百分比備注:被禁止

分享標(biāo)題：解析四大DIV布局（Layout）屬性用法
標(biāo)題網(wǎng)址：http://m.fisionsoft.com.cn/article/djjgdpd.html