css - 如何？最小宽度、宽度和最大宽度 (css)

Question

我的主 div 设置为

max-width:600px;

但是，当内容不够长时，div 将调整大小以适应内容的长度。这是有道理的。

所以我宣布:

  width:600px;
  max-width:600px;

但现在当您调整窗口大小时，div 不会缩小。我尝试设置最小宽度:

  min-width:200px;
  width:600px;
  max-width:600px;

但它仍然不会缩小超过 600px(在窗口调整大小时)；

那我错过了什么？我可以同时使用所有 3 个宽度设置吗？ (最小宽度，宽度，最大宽度)？

如果可以，怎么做？我正在尝试理解其中的逻辑。

我希望内容可以拉伸(stretch)到 600 像素，但也可以随着窗口大小的调整而缩小。

Answer 1

我觉得你想要

width: 600px;
max-width: 100%;

这样，元素将尝试具有 600px 的宽度。但如果父级不够宽，它就会变小​​。

Demo