校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

主頁 > 知識庫 > 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 層的疊加的實現的相關信息資訊供網民參考！
    • 推薦文章
    主站蜘蛛池模板： 故城县| 莱阳市| 平和县| 九江县| 唐山市| 渭南市| 商丘市| 磴口县| 讷河市| 大庆市| 建湖县| 申扎县| 永川市| 梓潼县| 方城县| 贵定县| 闵行区| 尚义县| 铜陵市| 雅江县| 温宿县| 柳江县| 吴桥县| 辽中县| 翁源县| 汕尾市| 株洲市| 尼木县| 广州市| 海伦市| 彰化市| 滕州市| 武乡县| 彭阳县| 黄浦区| 龙门县| 凤冈县| 南和县| 东宁县| 盘山县| 淄博市|