问下自己写的代码问题
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html" charset=utf-8>
<title>表格布局</title>
<style type:text/css>
*{padding:0;margin:0;}
.per{width:100%;height:2000px;background:black;}
.son{width:400px;height:50px;position:fixed;left:50%;background:red;margin-left:-200px;}
</style>
</head>
<body>
<div class="per">
<div class="son"></div>
</div>
</body>
</html>
在测试过程中我发现在更改子元素的外边距的时候,margin-left:-200px和margin-right:200px,在我理解起来两个意思应该是一样的,我应该怎么考虑呢?