<html>
<head>
<title></title>
<style type="text/css">
#p1{width: 300px;height: 200px;background-color: blue;position: absolute;}
#p2{width: 50px;height: 50px;background-color: red;margin: 0 auto;position: absolute;bottom:20px;}
</style>
</head>
<body>
<p id="p1">
<p id="p2"></p>
</p>
</body>
</html>
这种方法比较适合自身宽高和容器宽高不明确的情况
补充,自己总结的几种居中方法:
最终效果
设置left值吧
不会用搜索?在社区搜一搜就有答案,何必重复这么多问题。
@_qunshan_
@_qunshan_的答案