我正在努力学习Flexbox，但有一个问题。现在，我正在使用Flex-Shrink，我注意到容器内的物品不会缩小其大小，除非容器的宽度为200px（或更大）。

这是我的代码：

.container {
    width: 800px;
    height: 450px;
    border: 2px solid green;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

.item {
    width: 90px;
    background-color: #ddd;
    margin: 10px; 
    padding: 10px 15px;
    text-align: center;
    font-family: Arial;
}

.item:nth-child(4) {
    flex-shrink: 3;
}

<代码><；！文档类型HTML>；<；HTML（>；）<；头部>；<；元字符集=“ UTF-8 ”>；<；meta name=“ viewport ” content=“ width=device-width，initial-scale=1.0 ”>；<；标题>；我的文档<；/标题>；<；link rel=“ stylesheet ” href=“ styles.CSS ”>；<；/标题>；<；身体>；<；DIV类=“容器”>；<；DIV类=“项目”>；文本1<；/DIV>；<；DIV类=“项目”>；text2<；/DIV>；<；DIV类=“项目”>；text3<；/DIV>；<；DIV类=“项”>；text4<；/DIV>；<；/DIV>；<；/正文>；<；/HTML>；

顺晟科技：