HTML中因为使用了弹性布局后插入图片，导致按钮大小不可更改

当你在一个设置为 display: flex; 的 div 中添加了一个图片和一个按钮，并且发现按钮的大小无法调整，这可能是由于 flex 布局的一些特性导致的。在 flex 布局中，子元素（在这里是图片和按钮）会按照特定的规则分配空间。以下是一些建议来解决这个问题：

flex-shrink属性：默认情况下，flex 子项可能会缩小以适应容器。如果图片太大，它可能会挤压按钮的空间。你可以尝试设置 flex-shrink 属性来控制按钮的缩小行为。

.button-container button {

    flex-shrink: 0; /* 防止按钮缩小 */

}