全国服务热线:4008-888-888

技术知识

HTM☏L5 层的累加的完成

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 堆叠加內容请检索脚本制作之家之前的文章内容或再次访问下边的有关文章内容,期待大伙儿之后多多的适用脚本制作之家!



在线客服

关闭

客户服务热线
4008-888-888


点击这里给我发消息 在线客服

点击这里给我发消息 在线客服