<style>
html,
body,
div {
margin: 0;
padding: 0
}
.bigBox {
position: relative;
width: 300px;
height: 300px;
background-color: #000;
margin: 300px auto;
}
.smallBox {
width: 100px;
height: 100px;
background-color: #ff0000;
position: absolute;
left: 50%;
top: 50%;
margin-top: -50px;
margin-left: -50px;
}
</style>
<body>
<div class="bigBox">
<span class="smallBox"></span>
</div>
</body>
相关文章
- 04-01div水平垂直居中
- 04-01CSS垂直居中的方法
- 04-01CSS子元素在父元素中水平垂直居中的几种方法
- 04-01css 水平居中,垂直居中
- 04-01LTDC水平消隐和垂直消隐(转载)
- 04-01让div水平垂直居中的方法
- 04-01OpenCV11---提取水平与垂直线
- 04-01css元素水平垂直居中
- 04-01CSS布局--垂直水平居中
- 04-01div 水平垂直居中