0

ここにコードを投稿するよりも、効果をライブで見る方が良いと思います。だからあなたはここでそれを見つけることができます:jsfiddle

ご覧のとおり、[追加]ボタンは境界線上にあります。ボタンにフロートが設定されていなければ、すべてが完璧になります。フロートを設定すると(左でも右でも)、ボックスが必要なだけ拡張されません。

これを解決する方法はありますか?ありがとうございました。

4

2 に答える 2

3

overflow: hidden親要素に追加します-http://jsfiddle.net/9GGTr/5/

于 2012-06-22T17:34:18.740 に答える
1

clearfixまたは"clear:both"cssスタイルでフロートをクリアする必要があります。

http://jsfiddle.net/BumbleB2na/9GGTr/6/

これにより、フロートされた要素がページの「通常のフロー」に戻され、そのコンテナーがフロートされた要素の幅と高さを尊重できるようになります。

于 2012-06-22T17:35:01.067 に答える