避免水平重叠div

Question

我想修改CSS或为成功的两个条件执行javascript：

实施例： （------------------ main div ----------------------------- ）（------右div -----）

条件：
1）如果我的主div的右边有一个div，那么就像示例一样显示我的主div 2）如果右边的div不存在，我的主要div必须全宽。

我可以用确定的大小设置宽度，但这不符合所有条件。

有人可以帮助我吗？。

Answer 1

这已经在这里得到解答：2 column div layout: right column with fixed width, left fluid

为主div使用width:auto和overflow:hidden css样式，使其仅占用所需的宽度。

示例HTML：

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

CSS：

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

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