我正在尝试使用shrink来适应#container。它工作得很完美，直到它包含的元素 Package 。这导致它扩展到180px。

#screen-dimensions 
{
  width: 250px;
  height: 100px;
  background-color: yellow;
}

#container
{
  display: table;
  background-color: pink;
  border: 5px solid red;
}

#container > div
{
  display: inline-block;
  width: 160px;
  background-color: lightblue;
  border: 5px solid blue;
}

<div id="screen-dimensions">
  <div id="container">
    <div>content</div>
    <div>content</div>
  </div>
</div>

我理解为什么会出现这种情况，但我还没有找到任何解决办法。
这能修好吗？