关于 CSS margin

margin指的就是块与快之间相隔的距离，当子快与父块的宽度相等，仍然有margin时,是如何排列的呢,比如下面个例字,父main宽度是200px,子块content也是200px，如果在content 样试设置成margin-right 为10px时，子元素将把父元素给覆盖了
，当设置成margin-left:10px,子元素与父元素左间隔为10px,纳闷了，子元素在父元素中到底是如何排列的？我的理解是既然两者宽度都相等了，哪里还有什么左间隔或右间隔，还有当设置成margin-left:-10px,值为负，两者宽度又相等。又是如何排列的
<style>
.main {
 background: #cccccc;
 width:200px;
}
.content {
 color: #ffffff;
 background: #333333;
 float: right;
 width: 200px;
 margin-right: 10px;
 position: relative;
}</style>

<div class="main">
<div class="content"></div>

</div>

你先看看盒子模型吧！

与他们的宽度应该是没有关系的看完这个列子你就能明白了

第一次现这种现象，个人感觉是
float:left时对应margin:left; 
float:right时对应margin:right;
同时时间只能有一个方向的基准，不能双方向都是基准，会冲突的。

这现象就似李启明大喊“王强是亲爹，李刚是我爸。”

宽度的问题你没明白