Javascript 避免在水平方向上重叠div

我想修改CSS或执行javascript以获得成功，有两个条件：

例如： （--------------主分区--------------------）（------右分区------）

条件：
1） 如果我的主div右侧有一个div，则显示我的主div，如示例所示。
2） 如果正确的div不存在，我的主div必须具有所有宽度

我可以用一个确定的尺寸来设置宽度，但这不能满足所有条件

---

有人能帮我吗？

这里已经有答案了：

对主div使用

width:auto

和

overflow:hidden

css样式，这样它只占用所需的宽度

HTML示例：

<div class="right">
    right div fixed width
</div>
<div class="left">
    left main div flexible width
</div>

---

你的密码在哪里？你试过什么？你哪里出错了？这是无数问题的重复，试着用不同的关键词搜索网站。发布你到目前为止的问题。

.right {
  width: 180px;
  float: right;
  background: #aafed6;
}

.left {
  width: auto;
  background:blue;
  overflow: hidden;
 }​​