关于我们

质量为本、客户为根、勇于拼搏、务实创新

< 返回

css相对定位不占用空间

发布时间:2022-09-12 02:55:45
  1. 要点:
    css相对定位不占用空间
    css相对定位不占用空间
  2. 代码:
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        div{
            position: relative;
        }
        p{
            width: 50px;
            height: 50px;
            background: red;
            opacity: 0.5;
            position: absolute;
            z-index: 999;
            top: 0;
            left: 0;
        }
    </style>
    </head>
    <body>
    <h4>外部元素</h4>
    <h4>外部元素</h4>
    <h4>外部元素</h4>
    <div>
        <h4>内部元素</h4>
        <h4>内部元素</h4>
        <h4>内部元素</h4>
        <p></p>
    </div>
    </body>
    </html>
  3. 效果:
    css相对定位不占用空间

另外有需要云服务器可以了解下风纳云fengnayun.com,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场(仅限教程资讯栏目),内容著作权归作者所有。转载内容仅用于参考、学习,无商业用途。由于互联网信息复制性强我们难以联系到全部原著作人,若页面内容侵犯了您的权益,我们深感抱歉,还请联系邮箱service@fengnayun.com我们将在第一时间按照著作人要求处理内容。
/template/Home/Dawn/PC/Static

选择风纳云,也许是您成就一番大事业的开端

注册账号