Есть ли способ заставить плавающий div сжиматься вместо перехода на новую строку?
Я знаю, что могу установить неявную ширину для div, но это в меню, в котором может быть различное количество элементов. Я пытаюсь сделать это, сохраняя при этом плавный макет сайта, если это возможно.
#left {
float: left;
border: 1px solid #000;
}
#right {
float: right;
border: 1px solid #000;
}
<div id="left">
<p>This div represents the logo</p>
</div>
<div id="right">
<p>When the window's width is reduced and these divs touch I want this div to shrink instead of falling to the next line.
</p>
</div>
По сути, я хочу, чтобы #right начал сжиматься, когда окно браузера сжимается, а не сначала отбрасывать строку, а затем сжиматься при дальнейшем изменении размера окна.