老师，我这么写对吗？
来源：2-10 编程练习
JJACC
2019-03-21 20:48:56
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
/*完善下列代码*/
.per{position:relative;}
.son{position:absolute;
margin:0 0;
top:100px;
left:100px;
}
.per{
width: 300px;
height: 300px;
background: red;
margin-left:200px;
margin-top: 200px;
}
.son{
width: 100px;
height: 100px;
background: blue;
}
</style>
</head>
<body>
<div class="per">
<div class="son"></div>
</div>
</body>
</html>
2回答
-
好帮手慕夭夭
2019-03-25
你好同学 ,根据你新上传的代码 , 效果实现正确 . 祝学习愉快 ,欢迎采纳 !
0 -
好帮手慕夭夭
2019-03-22
你好同学 ,虽然这种方式看起来实现了效果 , 但是假如给父元素宽高改成其他的 , ,例如500*500 ,那么子元素由于设置的left和top都是固定的100px ,就不居中了 ,如下:
所以要是要居中的方法 , 课程里面有讲到 ,建议同学在复习一下视频
祝学习愉快 ,望采纳 .
0h019-03-24
相似问题