问CSS容器滚动条-为什么我的项目不能保持在内容大小内并形成滚动条？

EN

<div className="min-w-0 max-h-full overflow-y-scroll">
  <ContentHeader title="Top Post" /> {posts.map(post => (
  <div key={post.id}>
    <div className='px-10 my-4 py-4 bg-white border border-8 border-gray-400 rounded-lg border-solid'>
      <div className='flex justify-between'>
        <span className='font-light text-black text-lg font-semibold'>@{post.username}</span>
        <span className='font-medium rounded ml-56'> {moment(post.postDate).format(('L'))}. {moment(post.postDate).format(('LT'))}</span>
        <a className="font-extrabold rounded text-3xl text-blue-600" href={post.postUrl} target="_blank" rel="noopener noreferrer">
          <BsArrowUpRight />
        </a>
      </div>

      <div className="mt-2">
        <p className='mt-2 text-xl text-gray-600'>{post.textContent}</p>
      </div>
      <SocialAction likeCount={post.likeCount} commentCount={post.commentCount} sentiment={post.sentiment} />
    </div>
  </div>
  ))}
</div>