CSS容器误解

Question

我最近从HTML5Up下载了一个模板，并希望使用其中的文件来了解有关HTML和CSS的更多信息。在浏览主CSS文件时，我看到了以下内容：

/ *容器* /

.container {
    margin-left: auto;
    margin-right: auto;
}

.container.\31 25\25 {
    width: 100%;
    max-width: 1200px;
    min-width: 960px;
}

.container.\37 5\25 {
    width: 720px;
}

.container.\35 0\25 {
    width: 480px;
}

.container.\32 5\25 {
    width: 240px;
}

.container {
    width: 960px;
}

我知道容器只有125％，75％等，但我想知道为什么它们甚至是必需的，因为我看不到在任何地方使用的类。另外，为什么容器会有125％？当然这会超过屏幕尺寸？