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;并且因此假定其容器中没有空间，第二个是浮动的，这对容器空间具有相同的影响，除非它被清除。

以下代码不会有同样的问题：

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

小提琴