html - 跨越 div 对齐问题，剩余宽度

Question

我试图以这样一种方式将 span 与 div 一起使用，即最后一个 span 占据 div 的剩余宽度

<div class='data'>
    <span class='one'>dddd:</span>
    <span class='last'>ssss</span>
</div>

.data{width:100%;display:block;} 
span.one{width:30%; border:1px solid red;float: left;}
span.last{width:33%; border:1px solid red;display:inline-block;}

如你所见

http://jsfiddle.net/gTPjh/3/

它不会占用所有剩余空间:)

有人可以提出解决方案吗，thnx 伙计们:)

Answer 1

显示为填充空间的 block :

.data{width:100%;display:block;border:1px solid red; overflow: hidden;} 
span.one{width:30%; border:1px solid red;float: left;}
span.last{ border:1px solid green; display: block; overflow: hidden;}