初学div+css，很迷惑，感觉一个设置了固定宽度的div设置了margin-left，那么margin-right就是确定的了

<style type="text/css">
<!--
body{
border:1px solid #cc0000;

}

#banner{
background-color:#cccccc;
height:150px;
width:300px;
margin-top:20px;
margin-right:30px;
margin-bottom:40px;
margin-left:50px;
padding-top:50px;
padding-right:40px;
padding-bottom:30px;
padding-left:20px;
border:2px solid #000000;
font-size:12px;
line-height:150%;}

-->
</style>
代码中为什么还要设置margin-right，感觉实际margin-right的值远远大于30px