ここにコードを投稿するよりも、効果をライブで見る方が良いと思います。だからあなたはここでそれを見つけることができます:jsfiddle
ご覧のとおり、[追加]ボタンは境界線上にあります。ボタンにフロートが設定されていなければ、すべてが完璧になります。フロートを設定すると(左でも右でも)、ボックスが必要なだけ拡張されません。
これを解決する方法はありますか?ありがとうございました。
overflow: hidden
親要素に追加します-http://jsfiddle.net/9GGTr/5/
clearfixまたは"clear:both"cssスタイルでフロートをクリアする必要があります。
http://jsfiddle.net/BumbleB2na/9GGTr/6/
これにより、フロートされた要素がページの「通常のフロー」に戻され、そのコンテナーがフロートされた要素の幅と高さを尊重できるようになります。