风华正茂、时光流逝、真爱时光、努力创建辉煌。

【css】--定位居中---

 

 

 代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #div0
        {
            width: 300px;
            height: 300px;
            position: relative;
            background-color: #64b9d2;
        }
        #div1
        {
            width: 50px;
            height: 50px;
            position: absolute;
            background-color: #dc6c5f;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
        }
    </style>
</head>
<body>
    <div id="div0">
        <div id="div1"></div>
    </div>
</body>
</html>

 

 

第一种办法：居中

 

 

第二种办法：

 

 

 

 

 

 

 

 

 

第三中方法：

 

 

 

 

 

 

 

 

posted @ 2019-08-17 14:49  野马,程序源改造新Bug  阅读(128)  评论(1)    收藏  举报