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

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