好看的小说完本推荐,神武八荒一颗小说,君子以泽

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案

DIV布局屬性用法詳解

你對DIV+CSS布局的概念是否了解，這里和大家分享一下DIV布局屬性的用法，主要包括position屬性，direction屬性，float和clear屬性等，相信本文介紹一定會讓你有所收獲。

成都創(chuàng)新互聯(lián)公司成立于2013年，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元陽江做網(wǎng)站,已為上家服務(wù),為陽江各地企業(yè)和個人服務(wù),聯(lián)系電話:18982081108

DIV布局屬性：

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

◆DIV布局屬性之position屬性：

position屬性用來決定元素的位置類型，詳見屬性：
屬性名稱:'position'
屬性值:absolute|relative|static
初始值:static
適合對象:所有元素
是否繼承:no
百分比備注:被禁止

其屬性值分別代表：

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

◆DIV布局屬性之direction屬性：

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

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

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

例如：

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

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

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

【編輯推薦】

兩大方法實(shí)現(xiàn)DIV垂直居中
DIV+CSS教程入門指導(dǎo)
深入學(xué)習(xí)DIV+CSS之絕對定位和相對定位用法
Div+CSS布局入門之寫入整體層結(jié)構(gòu)與CSS
DIV+CSS開發(fā)過程中影響SEO的制作細(xì)節(jié)

新聞名稱：DIV布局屬性用法詳解
網(wǎng)站鏈接：http://m.fisionsoft.com.cn/article/cdgpsgg.html

新聞中心

其他資訊