请老师帮我检查一下
来源:2-10 编程练习
慕容3245546
2019-06-14 16:29:11
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
/*完善下列代码*/
.per{
width: 300px;
height: 300px;
background: red;
margin-left:200px;
margin-top: 200px;
position:relative;
}
.son{
width: 100px;
height: 100px;
background: blue;
position:absolute;
left:100px;
top:100px;
/*margin:0 auto;*/
}
</style>
</head>
<body>
<div class="per">
<div class="son"></div>
</div>
</body>
</html>
1回答
同学你好,这样虽然实现了居中,但是它需要根据父元素宽高进行计算,也就是说如果父元素宽高变化了,里面的内容就不会居中,还是要重新计算。
建议:使用拔河效应,例如left和right都设置为0,左右两边都在拉它,这个时候设置一个auto,例:
希望能帮助到你,欢迎采纳。
祝学习愉快!
相似问题