Html css：最大宽度不为'；行不通

我有一个关于css的问题：

max width

用于html div标记（.sidenav和.right\u nav），它们的功能与.header和.footer不同。正如我们所知，使用最大宽度css属性，html元素会最大化，直到达到最大宽度值，但当我们缩小维度时，html元素会做出响应。在本例中，.sidenav和.right_nav是功能不同的div标记。以下是JSFIDLE上的代码：

只需添加：

框大小：边框框只需添加：


框大小：边框框您忘记将
宽度：计算（100%-20px）
添加到.sidenav和.right\u nav。仅此而已

您应该告诉div为100%宽度，但不超过在“最大宽度”中指定的像素量。“最大宽度”不会自动假定它可以占用所有可用空间。这就是为什么需要添加
width:calc（100%-20px）
语句的原因

在这里修复了它：
您忘记将
宽度：calc（100%-20px）
添加到.sidenav和.right\u nav。仅此而已

您应该告诉div为100%宽度，但不超过在“最大宽度”中指定的像素量。“最大宽度”不会自动假定它可以占用所有可用空间。这就是为什么需要添加
width:calc（100%-20px）
语句的原因

在这里修复了它：
它怎么不工作？从我所看到的情况来看，它在小提琴中似乎工作得很好。问题是什么？它工作得很好。你的确切问题是什么？侧导航和右导航不响应最大宽度，这是问题，你可能应该添加更多细节。。。但是如果你有并排的没有内容的div，它们就没有基于max width的宽度。最大宽度就是您希望div的最大宽度。例如，如果你给它
width:100%；最大宽度：900px
这将使div 100%为其父元素的宽度，最大值为900px。它怎么不工作？从我所看到的情况来看，它在小提琴中似乎工作得很好。问题是什么？它工作得很好。你的确切问题是什么？侧导航和右导航不响应最大宽度，这是问题，你可能应该添加更多细节。。。但是如果你有并排的没有内容的div，它们就没有基于max width的宽度。最大宽度就是您希望div的最大宽度。例如，如果你给它
width:100%；max width:900px
这将使div 100%等于其父元素的宽度，最大值为900px。您是对的，.sidenav和.rigth_nav将最大化，但为什么当div变窄时，它们的响应不会变小？现在使用宽度：calc（100%-20px）；属性工作正常，但我必须添加一个小的修正：宽度：calc（100%-22px）；。此更正必须与此类似，因为当.sidenav和.right_nav缩小到末尾时，Z与页眉和页脚不在同一条右行中。谢谢，但我还添加了
框大小：边框框。你考虑到了吗？你是对的，.sidenav和.rigth_nav将最大化，但为什么当div变窄时，它们的响应不会变小？现在，宽度为：calc（100%-20px）；属性工作正常，但我必须添加一个小的修正：宽度：calc（100%-22px）；。此更正必须与此类似，因为当.sidenav和.right_nav缩小到末尾时，Z与页眉和页脚不在同一条右行中。谢谢，但我还添加了
框大小：边框框。你考虑到了吗？请用几句话解释这是如何工作的。长方体大小属性用于告诉浏览器大小属性（宽度和高度）应该包括哪些内容。回答得很好。请用几句话解释这是如何工作的。长方体大小属性用于告诉浏览器大小属性（宽度和高度）应该包括。回答得很好。