我有一个关于css的问题：max-width用于html div标签（.sidenav和.right_nav），它们的功能不像.header和.footer。正如我们所知，使用max-width css属性时，html元素最大化直到max-width值，但是当我们缩小尺寸时，html元素会响应响应。在这种情况下，.sidenav和.right_nav是不能像那样运行的div标签。以下是JSFiddle上的代码：JSFiddle
答案 0 :(得分：3)
只需添加：
box-sizing: border-box;
它将正常工作：）
答案 1 :(得分：0)
您忘了将width: calc(100% - 20px)添加到.sidenav和.right_nav。就这些。
您应该告诉div为100％宽度，但不要宽于max-width中指定的像素数量。最大宽度不会自动假设它可以占用所有可用空间。这就是您需要添加width: calc(100% - 20px)语句的原因。