如何使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;
}

Answer 2

對於父div，您使用此css代碼

margin:0 auto;
width:980px;

對於孩子你使用這個代碼浮動

float:right or left;
width:anypx;

最好的祝福

Answer 3

要使父元素居中，請使用margin: 0 auto;

#parent{
    margin: 0 auto;
    width: 600px;
}

您的代碼中存在大量拼寫錯誤（智能不是孩子），缺少>符號，在繼續之前修復它們

一個工作的JSFiddle（點擊我）