Css 如何在空div上聚焦最小宽度

我试图显示一些“对齐”的文本——我决定使用6列布局，只是它不是真正的列布局，因为每行可以有一个单元格（如表中的单元格）跨多个列。但是，我只使用了

我的CSS如下所示，只要有内容，它就会工作。但是，如果没有内容，它将失败。请帮忙

p_行{ 宽度：900px； 填充顶部：0px； 清除：左； }

    .p_col1 { min-width: 140px; }
    .p_col2 { min-width: 280px; }
    .p_col3 { min-width: 420px; }
    .p_col4 { min-width: 560px; }
    .p_col5 { min-width: 700px; }
    .p_col6 { min-width: 840px; }


    .labeldesc {
        display: inline-block; 
        float: left;
        text-align: left; 
        vertical-align: top; 
        margin-right: 0px; 
    }

    .field {
        display: inline;  
        float: left;
        text-align: left; 
        vertical-align: top; 
        margin-right: 0px; 
    }

样本数据：

<div class="Row Container">
    <div class="p_row">
        <div class="p_col1 labeldesc">Condition:</div>
        <div class="p_col1 field">@clinicalCondition.Description</div>
        <div class="p_col1 labeldesc">Is Chronic:</div>
        <div class="p_col1 field">@clinicalCondition.ChronicIndicatorString</div>
        <div class="p_col1 labeldesc">Date</div>
        <div class="p_col1 field">@clinicalCondition.DateString</div>
    </div>

    <div class="p_row">
        <div class="p_col1 labeldesc">Comment:</div>
        <div class="p_col5 field">@clinicalCondition.Comments</div>
    </div>
</div>   

条件：
@临床条件.描述
慢性病：
@临床条件。慢性指标或字符串
日期
@clinicalCondition.DateString
评论：
@临床条件.评论

在上面的示例中，我希望所有标签/字段对齐，但如果其中一个字段值为string.empty，则最小宽度不起作用。如果我移除float:left，它也不起作用。而display:inline块似乎没有任何作用，minwidth也没有任何作用

---

任何帮助都将不胜感激！我同时使用FireFox和IE，运气不好。

为了跟进Shmidty的评论，我添加了一个最小高度：1px；它就像一个符咒

为了跟进Shmidty的评论，我添加了一个最小高度：1px；它就像一个符咒

如果一个元素的宽度或高度为零，并且没有边框/填充等，它将不会占用空间。也就是说，尝试设置最小高度。如果一个元素的宽度或高度为零，并且没有边框/填充等，它将不会占用空间。也就是说，尝试设置最小高度。