#左侧固定右侧自适应

#通过绝对定位

<div
  style={{
    height: 200,
    backgroundColor: 'gray',
    position: 'relative',
  }}
>
  <div
    style={{
      width: 100,
      height: '100%',
      backgroundColor: 'blue',
      position: 'absolute',
    }}
  ></div>
  <div
    style={{
      marginLeft: 100,
      height: '100%',
      backgroundColor: 'black',
    }}
  ></div>
</div>

#通过 flex

<div
  style={{
    height: 200,
    backgroundColor: 'gray',
    display: 'flex',
  }}
>
  <div
    style={{
      flexBasis: 100,
      height: '100%',
      backgroundColor: 'blue',
    }}
  ></div>
  <div
    style={{
      flex: 1,
      height: '100%',
      backgroundColor: 'black',
    }}
  ></div>
</div>