Термоусаживаемый плавающий div с его контейнером и предотвращает его от упаковки до следующей строки

Question

У меня есть два плавающих divs, один из которых имеет ширину набора, а другой нет. То, что я пытаюсь выяснить, - это способ предотвратить их укладку поверх друг друга, поскольку их контейнер сжимается, но вместо этого у второго есть контейнер с контейнером.

<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> 

Так что в этом примере мне нужно b, чтобы динамически сжиматься без переноса на следующую строку.

Answer 1

Попробуйте проверить это fiddle

.row { 
 
    float:left; 
 
    width: 100%; 
 
} 
 

 
.cell { 
 
    float: left; 
 
    height: 100px;   
 
} 
 

 
#right-cell { 
 
    float: initial 
 
}

<div class="row"> 
 
    <div class="cell" style="width: 50px">a</div> 
 
    <div class="cell" id="right-cell">sdfsd fsd sdf sd fsdf sdf dsfdsf dsf sdb sdfsd fsd sdf sd fsdf sdf dsfdsf dsf sdb sdfsd fsd sdf sd fsdf sdf dsfdsf dsf sdb sdfsd fsd sdf sd fsdf sdf dsfdsf dsf sdb sdfsd fsd sdf sd fsdf sdf dsfdsf dsf sdb sdfsd fsd sdf sd fsdf sdf dsfdsf dsf sdb</div> 
 
</div>

ли это то, что вы хотите?