html - 为什么右侧超出浏览器大小？

Question

容器的右侧超出浏览器并出现滚动条。

如何调整以适合浏览器？而且底部没有到达浏览器的底部......有什么想法吗？

.container {
  border: 1px solid #ffffff;
  margin-top: 60px;
  margin-left: 200px;
  min-width: 100%;
  min-height: 100%;
  position: absolute; 
}

Answer 1

您已经设置了 min-width: 100% 和 margin-left: 200px，最终总宽度为 100% + 200px，以水平滚动条结尾.

如果您想要边距和窗口大小的其余部分，您可以这样做:max-width: calc(100% -200px); 并保持其余相同。

只适用于相对较新的浏览器。