固定宽度区域显示，子元素左右浮动，并居中

<div id='gra' style='border:1px solid red;width:100%;'>
<div id='father' style='width:1000px;overflow:hidden;margin:0 auto;border:1px solid black;'>
<div class='son' style='float:left;width:50px;height:50px;border:1px solid blue;'>
</div>
<div class='son' style='float:right;width:50px;height:50px;border:1px solid blue;'>
                </div>

                        </div>

</div>