记录一下实现不定宽高 width: auto
1、auto
设置 width: auto; 和 height: auto;，会根据内容自动调整大小。
2、Flexbox布局
对于父容器，可以设置 display: flex;，然后为子元素设置 flex-grow: 1;（如果希望它填充剩余空间）或保持默认的 flex: initial;（自动大小）。
3、Grid布局
通过 display: grid; 并合理配置grid-template-columns/rows或grid-auto-flow来实现不定宽高。
grid-template-columns: repeat(3, 1fr);
重复声明列宽，这里创建了三列，每列宽度相等，各占1/3。
4、min
例如，min-width: 100px; max-width: 300px;。
5、calc()
可以使用CSS的 calc() 函数动态计算宽度或高度，比如 width: calc(100% - 20px);，这会使元素宽度为父容器的100%减去20px
