html - div ボーダー - 高さ 0 に折りたたむ

Question

この JSFiddle をチェックしてください: http://jsfiddle.net/dNJxd/1/

そこにあるように、div には.left_field > divと.right_field > divの境界線があります。ただし、その境界線は高さ 0 に「崩壊」しています。

をに変更するoverflowとhidden(すべての同様の質問がそれを支持しています)、問題は修正されますが、使用している日付コントロールが切断されるため、これはオプションではありません。

助言がありますか？

Answer 1

次のセグメントで:

<div>
    <span class="field_label">PO Number:</span>
    <span class="field_data">12345</span>
</div>

最初のスパンはposition: absolute;コンテナー内にスペースがなく、2 番目のスパンはフローティングであり、クリアされない限りコンテナー スペースに同じ影響を与えます。

次のコードには同じ問題はありません。

<div>
    <span class="field_label">PO Number:</span>
    <span class="field_data">12345</span>
    <div style="clear: both;"></div>
</div>

フィドル