<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>测试</title>
<style>
.className1{
width: 300px;
height: 300px;
margin:0 auto;
background-color: red;
position: relative;
}
.className2{
position: absolute;
width: 200px;
height: 200px;
background-color: green;
}
</style>
</head>
<body>
<div>
<div></div>
</div>
</body>
</html>
页面效果见图1
图1
试过在className2里加
margin:0 auto
在有position: absolute;出现时margin:0 auto;是不起作用的
解决无法居中的办法:
在className2里加入以下代码:
left:50%;
margin-left: -100px;
如果只是单纯的设置为
left:50%