HTML5 层的叠加的实现分享!

position语法:
position : static absolute relative

position参数:

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 层叠加内容请搜索<计算机技术网(www.ctvol.com)!!>以前的文章或继续浏览下面的相关文章,希望大家以后多多支持<计算机技术网(www.ctvol.com)!!>!

本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

ctvol管理联系方式QQ:251552304

本文章地址:https://www.ctvol.com/htm5ctutorials/461556.html

(0)
上一篇 2020年10月27日
下一篇 2020年10月27日

精彩推荐