两列CSS表格样式，宽度未知

Question

我想提出一个CSS来做这种样式：

|Short Text                31231|
|longlonglonglonglonglo      331|
|ng text                        |

但是使用我目前的CSS，会发生这种情况：

|Short Text                31231|   
|longlonglonglonglonglong text  |    
|                            331|

我正如你所料左右浮动，我不知道右列的宽度。可以接受不同行的不同宽度，我不需要左右列之间的全局边界。

我希望留下尽可能多的空间，而不是进入正确的区域。

注意：我不能使用表，因为这是一个外部库，我必须逐行定义html。

Answer 1

将宽度设置为50％。例： http://jsfiddle.net/52R8R/

<强> CSS

.b{
width:50%;
float:left;
}
.c{
width:50%;
float:right;
}

<强> HTML

<div class="b">aaaaaaaaaaaaaaaaaaaa</div>
<div class="c">11111</div>
<div class="b">aaaa</div>
<div class="c">11111</div>

编辑：考虑到你的评论，这应该有效：

.c
{
float:right; 
border-style:solid; 
}
.b
{
border-style:solid; 
background-color:blue; 
overflow:hidden; 
}

注意：在b。

之前，你已将你的div设为<div class="c">