欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

HTML5 層的疊加的實現(xiàn)

  發(fā)布時間：2020-07-07 15:27:23   作者：咔啡   我要評論
這篇文章主要介紹了HTML5 層的疊加的實現(xiàn),文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

position語法：
position : static absolute relative

position參數(shù)：

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

position說明：
設(shè)置對象的定位方式，可以讓布局層容易位置絕對定位，控制盒子對象更加準(zhǔn)確。

  <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>

到此這篇關(guān)于HTML5 層的疊加的實現(xiàn)的文章就介紹到這了,更多相關(guān)HTML5 層疊加內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持腳本之家！

相關(guān)文章

最新評論