有什么东西相当于一个；“初始宽度”；在css中

我想在

div

上设置宽度，这样当它最初显示时，它将被设置为某个固定值，我称之为“初始宽度”。如果用户调整浏览器的大小使宽度变小，我希望

div

的宽度变小，但仅限于最小宽度（可以使用

minwidth

设置）。我无法使用

width

规则设置初始宽度，因为即使浏览器宽度变小，它也会保持固定在该宽度。

当然，只需使用

max width

即可，并且不会扩展到某个宽度以外：

element {
  max-width: 450px; /* 'initial width' */
  width: 100%;
  min-width: 100px; /* 'minimum width' */
}

例如：

。可调整大小{
高度：150像素；
宽度：500px；
背景：浅灰色；
填充物：5px；
边框：2件纯黑；
调整大小：水平；
溢出：自动；
}
.元素{
高度：100px；
最大宽度：350px；
宽度：100%；
最小宽度：100px；
背景颜色：灰色；
边框：2件纯蓝；
}

调整我的大小！
内容

您可以使用基于百分比的值，也可以使用calc函数使用宽度解算的

%

？我确实这样做了，但不起作用。你的和我的唯一区别是我的contentdiv是一个带有列的flex，其宽度设置为100%。另外，我的resizediv也是一个带有列的flex。只有在删除了contentdiv的flex上的宽度之后，它才起作用。谢谢