网站使用960.gs什么css规则负责div填充100%的屏幕宽度

嗨,我正在尝试学习CSS,并一直在寻找网站的来源,以了解它在实践中如何运作.前几天我遇到了960网格系统,发现了一个非常漂亮的网站设计,使用的是960gs框架>> OneHub

在这个阶段,我不认为在我更好地理解CSS之前使用CSS框架是非常明智的.所以我的问题是关于他们如何在网站上实现一个集中的内容框,其背景填充扩展到您的浏览器宽度.

我安装了firebug,我无法弄清楚为什么他们网站上的div例如.#gutter,#navig将扩展以填充整个浏览器宽度.我没有看到这些div如何计算它们的宽度值,因为似乎没有一个子元素足够大或者有一个规则会强制这些div变大.

我不明白宽度是如何100%,我本来期望看到一些边缘自动规则或宽度100%指定在CSS的某处,但我找不到它.其他使用960gs的网站可能会做同样的事情,但我只是用这个网站作为参考,因为我认为它有一个很好的设计.

我希望我的问题有道理,谢谢你对此有任何帮助

没有样式的DIV将始终填充100%的父元素.如果这是正文或填充浏览器窗口的其他元素,它将填充100%.

它被称为"块级"元素.所有块级元素都以这种方式运行:div,p,form,ul等.