Comment faire un div en float à gauche/à droite à l'intérieur d'un div centré

quand je veux faire flotter un enfant div à gauche ou à droite centré à l'intérieur de la div parent, l'ensemble de la conception va à gauche ou à droite, selon le flotteur. Alors, comment faire flotter un enfant div et de faire de l'centrée div parent dans le centre.

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

Pourquoi div parent aller à gauche/droite, et ne pas rester dans le centre? Et comment faire pour rester dans le centre?

Comment êtes-vous de centrage de la #parent div? Il n'y a rien dans tout cela qui centre #parent si les flotteurs ont été utilisé ou non
j'ai mis pour margin-right et margin-left:auto
À l'intérieur de #parent? Dans ce cas, votre code doit fonctionner (voir ici). Peut-être que vous pouvez frapper nous un exemple JsFiddle - ou n'hésitez pas à modifier mine - qui reproduit le problème
vous avez raison, c'était parce que je n'ai pas de définir la largeur de la div parent au premier abord, mais à gauche il à width:auto. Merci

OriginalL'auteur phpsherpa | 2012-10-10

  1. 5

    Voir le démo 

    #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;
}
    Je suis confus...ce ne sera pas le centre de la #parent élément et l'exemple lié à la réponse montre que. Pourquoi est-ce accepté de répondre? Si cela résout votre problème, alors je pense que vous avez besoin de changer votre question afin d'éviter toute confusion pour les futurs visiteurs

    OriginalL'auteur Champ

  2. 3

    Pour la div parent vous utilisez ce code css

    margin:0 auto;
width:980px;

    et de l'enfant u utiliser ce code pour float

    float:right or left;
width:anypx;

    en ce qui concerne meilleur

    Je fais comme ça aussi, mais dans certains cas, le div parent flotte à gauche/droite, même si elle doit rester centrée
    vous utilisez ce style de parent float:none;
    merci, j'ai oublié à ce sujet

    OriginalL'auteur Saeed

  3. 1

    Au centre de l'élément parent, utilisez margin: 0 auto;

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

    Il y a aussi beaucoup de fautes d'orthographe dans votre code (chili pas enfant), et manquant de > symboles, de les réparer avant de continuer

    Un travail JSFiddle (Cliquez)

    ty, j'ai corrigé le code

    OriginalL'auteur Andy