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

### 回答1：
可以使用CSS中的flexbox布局来实现这种效果。

HTML代码可以如下：

<div class="container">
  <div class="fixed">左边固定</div>
  <div class="flex-item">右边自适应</div>
</div>

CSS代码可以如下：

.container {
  display: flex;
  flex-wrap: wrap;
}

.fixed {
  width: 200px; /* 左边固定宽度 */
}

.flex-item {
  flex: 1; /* 右边自适应宽度 */
}

这样设置后，左边的div会固定宽度，右边的div会自适应剩下的宽度。如果容器的宽度变化，右边的div会自动调整宽度以适应容器。

### 回答2：
在实现div下左边div固定，右边div分配剩下的空间的布局中，可以使用CSS的Flexbox布局来实现。

首先，我们需要将父级div的display属性设置为flex，这样子元素会按照一定的规则在父级容器中排列。接着，将左边的div设置为固定宽度，可以使用flex-basis属性来指定宽度的数值，同时设置为固定宽度的div可以使用flex-shrink属性设置为0，这样当可用空间不足时，不会缩小它的宽度。

然后，将右边的div设置为flex-grow属性为1，这样右边的div会占据父级容器剩下的全部空间。flex-grow属性表示在空间分配时，每个元素增加空间的比例，默认值为0，设置为1时表示平均分配剩余空间。

同时，可以使用flex属性为子元素指定更多的布局方式，如flex-direction属性来指定元素的排列方向，align-items属性来指定元素在交叉轴上的对齐方式等等。

使用上述的CSS代码布局，可以实现div下左边div固定，右边div分配剩下的空间的效果。

### 回答3：
如果想要实现一个左侧div固定，右侧div占据剩余空间的布局，可以使用CSS中的flexbox来实现。

首先，在父级div上添加display属性为flex，这样子元素就可以依次排列。然后，将左侧div的宽度固定为所需的值，比如200px，通过设置flex属性为0来实现。接着，将右侧div的flex属性设置为1，这样它会占据剩余的空间。

HTML示例代码如下：

<div class="container">
  <div class="left">左侧div</div>
  <div class="right">右侧div</div>
</div>

CSS示例代码如下：

.container {
  display: flex;
}

.left {
  width: 200px;
  flex: 0;
}

.right {
  flex: 1;
}

这样，左侧div会固定在左边，宽度为200px，而右侧div会自动占据剩余的空间。

需要注意的是，flexbox布局的兼容性较好，但是在某些低版本的浏览器上可能会不支持，所以最好在使用时进行兼容性测试。