2 
<div style="width:50%;"  class="outerdiv">
   <div style="">
            <div style="display:inline;">
                <span><?php echo __('Başlık :', 'goldmem');?></span>
            </div>
            <div style="display:inline; float:right;">
                    <input class="postptext" type="text" id="posttitle">
            </div>

        </div>
</div>

私はこのレイアウトを持っています。Outerdiv には境界線があるため、サイズが変化していることがわかります。これは結果です：

フロートなし: http://i.imgur.com/F73U0jX.png?1

フロートあり: http://i.imgur.com/8berzkN.png?1

div のサイズにすべての要素が含まれるようにするにはどうすればよいですか。

4

2 に答える 2

8

に追加overflow: hidden;してみてください.outerdiv-これにより、その子孫の新しいブロックフォーマットコンテキストが作成されるため(絶対配置要素と同様にフロートされているため、通常のフローから取り出されますが、同一ではありません)-基本的にコンテナを許可しますフロートの存在を通常の流れのように認識します。重要なのは、フロートがクリアされていない場合、または新しいブロック フォーマット コンテキストが提供されていない場合、通常のフローの通常のブロック レベル要素はフロートを無視することを覚えておくことです。

于 2013-08-18T15:22:39.367 に答える