nextJs---Image组件自适应父元素

                  <div
                    style={{
                      flex: '1.3',
                      marginRight: '10px',
                      position: 'relative',
                      height: '230px',
                    }}
                  >
                    <Image
                      layout="fill"
                      objectFit="cover"
                      height="230"
                      src="/avatar1.png"
                      alt=""
                    />
                  </div>

父元素：position: 'relative',

Image组件：layout="fill"  objectFit="cover"

效果图