Css 尽可能使用强制最大宽度的Div

Css 尽可能使用强制最大宽度的Div,css,Css,我想创建一个具有最大宽度的div。但我也希望,只要有可能,max width 可以说,这可以通过使用minwidth实现。问题是我还希望div在需要时自动收缩 我该怎么做呢?您可以使用Flexbox来实现这一点,您只需设置或flex:0 1 300px,所以现在元素将增长到最大值300px,但如果需要,它也会收缩,正如您在调整窗口大小时看到的那样 .content{ 显示器:flex; } .盒子{ 填充:10px; 保证金:1px; 边框:1px纯黑; } .盒子:最后一个孩子{ 弹性基准:

我想创建一个具有
最大宽度的
div
。但我也希望,只要有可能,
max width

可以说,这可以通过使用
minwidth
实现。问题是我还希望
div
在需要时自动收缩


我该怎么做呢?

您可以使用
Flexbox
来实现这一点,您只需设置或
flex:0 1 300px
,所以现在元素将增长到最大值
300px
,但如果需要,它也会收缩,正如您在调整窗口大小时看到的那样

.content{
显示器:flex;
}
.盒子{
填充:10px;
保证金:1px;
边框:1px纯黑;
}
.盒子:最后一个孩子{
弹性基准:300px;
}


您是否尝试过宽度:100%
以及
max width
定义?是的,问题是我也不希望div处于完整的父级宽度,而是一个特定的max-width@Greg你是说两者都用?是的,看这里@Greg啊是的,它的工作原理和我想要的完全一样,非常简单。把它当作答案贴出来,这样我就可以接受了。谢谢