左揃えのボックスは親divに残りません

私は左に浮かべたいボックスを並べて並べて並べます。しかし、私は問題があります。 float: left;を設定すると、次のようになります。 left aligned 左揃えのボックスは親divに残りません

親div（灰色div）から飛び出します。

ボックスはdivに残り、divはそれらと一緒に伸びますが、私の好きではありません。 div内の左揃えのボックスをどうすれば実現できますか？箱の
CSS：

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

2017-05-30 supermanny

へclear: bothを割り当てることによって、あなたはそれをクリアする必要がフロートを使用するたびに、フロートをクリアする必要がありhttps://css-tricks.com/the-how-and-why-of -clearing-floats/ – Robert

親 'div 'の末尾に'

'を追加します –

あなたがオーバーフローCSSルールを使用する必要があります。あなたは灰色のボックス内のアイテムを取得し、彼らはそれの外に落ちることはありません。このプロパティを適用した後

overflow:hidden;

：灰色のボックスでは、以下のCSSプロパティを追加します。

2017-05-30 05:54:40

<div style="clear:both"></div>を最後に親のdivに指定する必要があります。

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

2017-05-30 05:55:06

あなたがその親

2017-05-30 05:55:42 Rahul

私はクリアを追加すると何も起こりません：両方とも親divに – supermanny

答えて