div下左边div固定,右边div分配剩下的

### 回答1：
可以通过CSS的float属性来实现这个布局。具体实现步骤如下：

1. 给左边的div设置宽度和float:left属性，使其固定在页面左侧；
2. 给右边的div设置float:right属性，使其排列在左边的div右侧；
3. 如果右边的div需要分配剩下的空间，则可以给其设置宽度为100%减去左边div的宽度。

以下是一个示例的HTML和CSS代码：

<div class="container">
  <div class="fixed">固定宽度</div>
  <div class="fluid">分配剩余宽度</div>
</div>

.container {
  width: 100%;
  overflow: hidden;
}

.fixed {
  width: 200px;
  float: left;
}

.fluid {
  width: calc(100% - 200px);
  float: right;
}

注意：上述示例中的calc函数需要浏览器支持。如果需要兼容旧版浏览器，可以使用JavaScript动态计算宽度。

### 回答2：
可以通过使用CSS的flexbox布局来实现这个要求。

HTML结构如下：

<div class="container">
  <div class="fixed">固定的内容</div>
  <div class="remaining">剩余的内容</div>
</div>

CSS样式如下：

.container {
  display: flex;
}

.fixed {
  flex-basis: 100px;  /* 左侧固定div的宽度 */
}

.remaining {
  flex-grow: 1;  /* 右侧剩余div自动分配剩余空间 */
}

使用以上CSS样式，左侧固定的div的宽度为100px，右侧剩余的div会自动分配父容器剩余的空间。这样，无论父容器的宽度如何改变，都会保持左右div的比例不变。

### 回答3：
当一个父级div下有两个子级div时，要实现左边的div固定宽度，右边的div则需要根据剩余空间来自动分配宽度。我们可以使用CSS中的flex布局来实现这个效果。

首先，在父级div的样式中设置display为flex，这样子级div将按照一行排列。
然后给左边的div设置固定的宽度，例如200px。这样左边的div就会占据200px的宽度。
接着，可以给右边的div设置flex-grow属性为1，表示将剩余的空间平均分配给右边的div。
result左边的div将保持200px的宽度，而右边的div将自动获得剩余的宽度。

下面是示例的CSS代码：

.parent {
  display: flex;
}

.left {
  width: 200px;
}

.right {
  flex-grow: 1;
}

然后在HTML中的对应位置加入对应的类：

<div class="parent">
  <div class="left"></div>
  <div class="right"></div>
</div>

上述代码中，左边的div具有固定的宽度，而右边的div会自动获取剩余的宽度。这样就实现了左边div固定，右边div分配剩下的宽度的效果。