Html 收缩浮动div及其容器，防止其包装到下一行

我有两个浮动div，左边的一个有固定的宽度，另一个没有。我想找出一种方法，防止它们在容器收缩时叠在一起，而是让第二个容器随着容器收缩

<style>
.row {
   float:left;
}
.cell {
    float: left;
}
</style>

<div class="row">
    <div class="cell" style="width:50px">a</div>
    <div class="cell">b</div>
</div>

.行{
浮动：左；
}
.细胞{
浮动：左；
}
A.
B

因此，在本例中，我需要b动态收缩，而不必换行到下一行。

试试这个，检查这个

.row{
浮动：左；
宽度：100%；
}
.细胞{
浮动：左；
高度：100px；
}
#右室{
浮动：首字母
}

A.
sdfsd-fsd-sdf-sdf-sdf-sdf-sdf-sdf-sdf-sdf-sdf-sdf-sdf-sdf-sdf-sdf-sdf-sdf-sdf-sdf-sdf-sdf-sdf-sdf-sdf-sdf-dsf-dsf-dsf-dsf-dsf-dsf-sdf

问题不在于

b

，而是

a

的宽度是固定的。如果窗口是50px宽，你希望

b

到哪里去？你的意思是，缩小文本？@Rhumborl行集上的最小宽度大于50px不能解决这个问题吗？@chiapa，是的，第二个div中会有文本，抱歉我忘了提及。这似乎正是我想要的，只是在我的实际页面中实现它有困难。“不知什么原因，他表现得不一样了。”@JoshBjelovuk，很高兴我能帮上忙！已经开始工作了吗？您正在使用哪个浏览器？尝试将

float:none

替换为

float:initial

，这可能就是问题所在！老实说，我不确定问题出在哪里。我想Chrome可能只是在烦我什么的。真不敢相信我没想到把浮子从第二个元素上取下来。这么简单。谢谢你的帮助！