html小知识

冲鸭！打工人！

于 2022-06-24 23:23:53 发布

阅读量75

点赞数

文章标签： css

本文链接：https://blog.csdn.net/qq_42285148/article/details/125453779

版权

水平居中垂直居中 CSS定位绝对定位元素布局

关键词由CSDN通过智能技术生成

控制元素水平垂直居中

<style>
    .a{
        width: 500px;
        height: 500px;
        background-color: yellow;
        margin: auto;
        position: relative;
    }
    .b{
        width: 200px;
        height: 200px;
        background-color: red;
        position:absolute;
        top:50%;
        left: 50%;
        margin-left: -100px;
        margin-top: -100px;
    }
</style>
<body>
    <div class="a">
        <div class="b">

        </div>
    </div>
</body>