html - 浮遊要素を「存在」させる

Question

私のサイトでは、次のようなものがあります: http://jsfiddle.net/YRBT4/

現在、#secondブロックは動的オブジェクトです - サーバーはそれを生成するかどうかのどちらかです。そこにない場合、#fourthブロックが崩壊し、すべてが悪く見えます。

#thirdブロックを同じように動作させるにはどうすればよいですか?#secondただし、ブロックを含む要素の右側に保持します (ここでは固定値を指定したくありません)。

Answer 1

私は使用しますclearfix：

<div id="first"></div>
<div class="clearfix">
    <div id="second"></div>
    <div id="third"></div>
</div>
<div id="fourth"></div>

と：

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

再利用可能で、フローティング.clearfix要素をクリアするための一般的な方法です。