960css

960 CSS 是一个经典的 CSS 框架，它提供了许多常用的网页布局，适用于开发响应式网页。

该框架采用了 960 像素的基础网页宽度，在这个宽度下实现了一系列预定义的网页布局。选择合适的布局可以快速搭建一个美观的网站。

/* 三列布局 */
#container {
    width: 960px;
    margin: 0 auto;
}
#header,#footer {
    width: 960px;
    height: 100px;
}
#left {
    float: left;
    width: 200px;
}
#main {
    float: left;
    width: 560px;
}
#right {
    float: left;
    width: 200px;
}

这里是一个使用 960 CSS 实现的三列布局。其中，header 和 footer 分别占据了页面顶部和底部的 100 像素高度，left、main 和 right 则是页面的主要内容区域，分别占据 200 像素、560 像素和 200 像素的宽度。

除了三列布局以外，960 CSS 还提供了其他常用的网页布局，比如两列布局、四列布局、左窄右宽布局等等。在选择布局时，开发者可以根据设计图和网站的实际需求选取最合适的布局。