css绝对定位 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>默认</title>

    <style>

        div{
            margin: 10px;
            padding: 5px;
            font-size: 12px;
            line-height: 25px;
        }

        #father{
            border: 1px solid #000000;
            padding: 0;
          }

        #first{
            border: 1px dashed #6aff00;
            background-color: #696ac4;
        }

        #second{
            border: 1px dashed #ef942f;
            background-color: #c2c2c2;
        }

        #third{
            border: 1px dashed #1850bf;
            background-color: blue;
        }
    </style>

</head>
<body>

<div id="father">

     <div id="first">第一个盒子</div>
     <div id="second">第一个盒子</div>
     <div id="third">第一个盒子</div>

</div>

</body>
</html>
posted @   书先生  阅读(28)  评论(0)  编辑  收藏  举报
相关博文：
·  css固定定位
·  css 相对定位 盒子练习
·  CSS快速入门~
·  CSS - 定位，相对定位，绝对定位，子绝父相，固定定位，如果重叠设置盒子的显示顺序
·  绝对定位居中
阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配，妙~啊~
点击右上角即可分享
微信分享提示
SQL AI 助手