日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問(wèn)題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
CSS布局浮動(dòng)(float)和定位(position)屬性的區(qū)別

你對(duì)CSS布局浮動(dòng)(float)和定位(position)屬性的區(qū)別是否熟悉，這里向大家簡(jiǎn)單介紹一下，postion:relative是子塊級(jí)元素面向父級(jí)元素的相對(duì)定位，定位關(guān)鍵字使用left/right/top/bottom，而float:right/left是子塊級(jí)元素流集合面向父級(jí)元素的定位，定位的關(guān)鍵詞使用margin/padding。

創(chuàng)新互聯(lián)公司成都網(wǎng)站建設(shè)按需定制，是成都網(wǎng)站營(yíng)銷公司,為護(hù)欄打樁機(jī)提供網(wǎng)站建設(shè)服務(wù),有成熟的網(wǎng)站定制合作流程，提供網(wǎng)站定制設(shè)計(jì)服務(wù)：原型圖制作、網(wǎng)站創(chuàng)意設(shè)計(jì)、前端HTML5制作、后臺(tái)程序開發(fā)等。成都網(wǎng)站營(yíng)銷推廣熱線：13518219792

CSS布局浮動(dòng)(float)和定位(position)屬性的區(qū)別和應(yīng)用

postion:relative是子塊級(jí)元素面向父級(jí)元素的相對(duì)定位，定位關(guān)鍵字使用left/right/top/bottom。兄弟塊元素之間相對(duì)進(jìn)行定位，但是position移動(dòng)后，原位置依然保留。而且隨后的兄弟塊元素定位基于被移走前的位置。

float:right/left是子塊級(jí)元素流集合面向父級(jí)元素的定位，定位的關(guān)鍵詞使用margin/padding。兄弟塊元素之間進(jìn)行相對(duì)的定位均基于移動(dòng)后的新位置進(jìn)行重新渲染，可以重疊，原位置被清空。

二者之中最大的差別就是位置保留。

人們也就利用這種差異，可以做出CSS代碼的滑動(dòng)門菜單。

hover時(shí)取當(dāng)前元素為保留位置，定義一個(gè)relative時(shí)，沒(méi)有hover時(shí)使用float清空保留位置。

比較示例中的3個(gè)樣式表，就可以發(fā)現(xiàn)：

 
 
 
    
  
  
  
    2. 
  
  
  
    3. 
  
  
  
    4. 
  
  
  
    5. 
  
  
  
  5. li1
    6. 
  
  
  
  6. li2
    7. 
  
  
  
  7. li3
    8. 
  
  
  
  8. 
  
  
  
  9.

當(dāng)前文章：CSS布局浮動(dòng)(float)和定位(position)屬性的區(qū)別
分享路徑：http://www.5511xx.com/article/dhdgsch.html