DIV居中

最新推荐文章于 2024-08-10 23:38:54 发布

卢晶晶

最新推荐文章于 2024-08-10 23:38:54 发布

阅读量1k

点赞数 2

分类专栏： CSS Web前端 HTML

本文链接：https://blog.csdn.net/Lucrecia666/article/details/88706887

版权

Web前端同时被 3 个专栏收录

14 篇文章 0 订阅

订阅专栏

CSS

7 篇文章 0 订阅

订阅专栏

HTML

5 篇文章 0 订阅

订阅专栏

DIV居中

body部分

<body>

<div id="a">

<div id="b">

<div id="c"></div>

<div id="d"></div>

</div>

</div>

</body>

CSS部分

<style>

body {

width: 100%;

height: 100%;

margin: 0px;

padding: 0px;

}



#a {

position: absolute;

width: 200px;

height: 200px;

background-color: red;

border: 1px solid black;

top: 100px;

left: 100px;

}



#b {

position: absolute;

width: 150px;

background-color: yellow;

border: 1px solid black;

height: 150px;

top: 25px;

left: 25px;

}



#c {

background-color: blue;

position: relative;

border: 1px solid black;

height: 50px;

/* width: 150px; */

}



#d {

position: relative;

background-color: pink;

height: 50px;

}

</style>