如何使div在中心div内左/右浮动

Question

当我想在中心父div中向左或向右浮动子div时,整个设计向左或向右移动,具体取决于浮动.那么,如何浮动子div并使居中的父div成为中心.

HTML:

<div id="parent">
<div id="child-left"></div>
<div id="child-right"></div>
</div>

CSS:

#parent{
    padding: 0 auto;
    width: 600px;
}
#child-left{
    float: left;
    width: 300px;
}
#child-right{
    float: right;
    width: 300px;
}

为什么父母div左/右,不留在中心？以及如何让它留在中心？

Answer 1

看演示

#parent{
    padding: 0px, auto;
    width: 605px;
  height:200px;
  border:solid 1px #f00;
}
#child-left{
  float: left;
  width: 300px;
  height:200px;
  border:solid 1px #0F0;
}
#child-right{
    float: right;
    width: 300px;
   height:200px;
  border:solid 1px #00F;
}