如何防止div缩小，而其他人则在flexbox中成长和缩小

Question

所以我有一个设置宽度为225px的div（面板）。其他是基于百分比并使用flexbox。问题是设定宽度也在减小。我如何避免这种情况，同时保持相同的外观？

LINK- https://jsfiddle.net/dr9ncLn0/10/

.panel {
  height: 100%;
  width: 225px;
  background-color: white;
  border-right: 1px solid lightgrey;
  display: inline-block;
  position: relative;
  float: left;
  outline: solid red 1px
}

Answer 1

为防止收缩，您可以使用flex-shrink：0，信息：MDN flex-shrink

undefined