好湿?好紧?好多水好爽自慰,久久久噜久噜久久综合,成人做爰A片免费看黄冈,机机对机机30分钟无遮挡

主頁 > 知識庫 > HTML5 層的疊加的實現

HTML5 層的疊加的實現

熱門標簽:平涼地圖標注位置怎么弄 電話機器人黑斑馬免費 南昌仁和怎么申請開通400電話 如何獲取地圖標注客戶 高德地圖標注地點糾錯 機器人外呼系統存在哪些能力 電話機器人電銷系統掙話費 只辦理400電話 拓展地圖標注

position語法:
position : static absolute relative

position參數:

  • static :  無特殊定位,對象遵循HTML定位規則
  • absolute :  將對象從文檔流中拖出,使用left,right,top,bottom等屬性進行絕對定位。而其層疊通過css z-index屬性定義。此時對象不具有邊距,但仍有補白和邊框
  • relative :  對象不可層疊,但將依據left,right,top,bottom等屬性在正常文檔流中偏移位置

position說明:
設置對象的定位方式,可以讓布局層容易位置絕對定位,控制盒子對象更加準確。

  <html>
   <head>
     <title>層的定位</title>
   </head>
   <style>
    div {height:300;
        width:300;
        }
    #d1 {position:absolute;               
        background-color:green;     
        left:2em;                       
        top:2em;
        }
     #d2 {position:absolute;
         background-color:blue;
         left:4em;                      
         top:4em;
         }
      #d3 {position:absolute;
          background-color:red;
          left:6em;                     
          top:6em;
          }
   </style>
   <body>
     <div id="d1">                       
     <div id="d2">                    
     <div id="d3">                    
   </body>
 </html>

到此這篇關于HTML5 層的疊加的實現的文章就介紹到這了,更多相關HTML5 層疊加內容請搜索腳本之家以前的文章或繼續瀏覽下面的相關文章,希望大家以后多多支持腳本之家!

標簽:遼源 池州 漯河 新疆 棗莊 西藏 永州 青島

巨人網絡通訊聲明:本文標題《HTML5 層的疊加的實現》,本文關鍵詞  HTML5,層,的,疊加,實現,HTML5,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《HTML5 層的疊加的實現》相關的同類信息!
  • 本頁收集關于HTML5 層的疊加的實現的相關信息資訊供網民參考!
  • 推薦文章