linksbündig Boxen bleiben nicht in Eltern div

Question

Ich habe Boxen, die ich nach links schweben möchten, so dass sie Seite an Seite ausgerichtet wären. Aber ich habe ein Problem. Wenn ich float: left; setze, bekomme ich folgendes: left aligned

Sie springen aus Eltern Div (grau div). Wenn ich float: none; setze, bekomme ich das: float: none

Boxen bleiben in div, und div erstreckt sich mit ihnen, aber sie sind eins unter anderen, die ich nicht mag. Wie würde ich links ausgerichtete Boxen innerhalb div erreichen?
CSS der Boxen:

.parent { 
    float: left; 
    width: 200px; 
    background-color: white; 
    border: 1px solid rgb(230,230,230); 
    margin: 10px; 
} 

Answer 1

Sie haben Überlauf CSS-Regel zu verwenden. In der grauen Box folgende CSS-Eigenschaft hinzu:

overflow:hidden; 

Nach dieser Eigenschaft Anwenden Sie die Einzelteile innerhalb grauen Kasten bekommen, und sie werden nicht außerhalb fallen.

Answer 2

Sie müssen <div style="clear:both"></div> nach innen Mutter div in letzter geben.

<div class="parent"> 
    your code 
    <div style="clear:both;"></div> 
</div> 

Answer 3

wenn Sie Schwimmer verwenden müssen Sie es löschen, indem clear: both zu seinem übergeordneten Zuweisung