Css 并排两个div，右div固定宽度

我知道这个问题以前被问过无数次，但我似乎仍然找不到答案（大多数问题似乎与我想要的相反——不一样）

我有两个分区，左边和右边#右侧具有固定尺寸150px 50px。我希望#左侧扩展并填充剩余空间#右侧位于屏幕的最右侧。我尝试过以不同的方式浮动它们，还设置了display:inline block；但我似乎还是没能搞定。我读过的所有文章都是关于左div被修复而右div正在增长的。我试着倒转我读到的内容，但它总是导致左div左右浮动。我的意思是，我的左div将收缩到最小（内联块），或者它将显示右上方的前50px，然后左下方的其余部分将折叠到右下方，而不是保持齐平

我希望这是有道理的。这有点难以解释。 这样写：

.right{
 width:150px;
 height:150px;
 float:right;
 background:red;
}
.left{
 height:150px;
 background:green;
 overflow:hidden;
}

HTML

<div class="right">fixed</div>
<div class="left">auto</div>

已修复
汽车

选中此项

您可以尝试此项

<div class="right" style="clear:right">

Perfect，我确实试过了，但因为我的是几个div，所以效果不太好。包装器div对它进行了排序。我很傻，但仍然是正确的答案。谢谢。如果HTML代码必须右div second，而您不能更改代码，只能更改CSS，是否可以这样做？