请问可以用margin实现居中吗？我试了没有作用

<!DOCTYPE html>

<html>

<head>

<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;

}

</style>

</head>

<body>

</div>

</body>

</html>

Ace_____ 2017-07-06

源自：CSS定位（position） 2-10 编程练习

收起

1回答

樱桃小胖子回答被采纳获得+3积分 2017-07-06 16:26:36

在per里面设置 margin:200px auto 0;即可

.per{
     width: 300px;
     height: 300px;
     background: red;
     /*margin-left:200px;
     margin-top: 200px;*/
     margin:200px auto 0;
     position: relative;
   }

希望可以帮到你！

收起回答

Ace_____ 提问者 #1

我的意思是子元素在父元素里居中可以用margin吗？设置了绝对定位的话

2017-07-06 16:49:31
樱桃小胖子回复提问者 Ace_____ #2

因为设置了绝对定位，绝对定位会使元素脱离文档流，因此设置了绝对定位后，margin:0 auto;会不起作用，需要使用绝对定位的位移量top/left/right/bottom结合margin结合来设置，课程中老师有讲解其使用方法的。

2017-07-06 17:22:36
Ace_____ 提问者 #3

非常感谢！

2017-07-07 09:41:41