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

使用960.gs的网站什么css规则负责填充100%屏幕宽度的div,css,width,fluid,960.gs,Css,Width,Fluid,960.gs,嗨,我正在努力学习CSS,并一直在寻找网站的来源,以了解它在实践中是如何工作的。前几天我遇到了960网格系统,发现了一个非常漂亮的网站设计,它使用的是960gs框架> 在这个阶段,我认为在我对CSS有了更好的理解之前,使用CSS框架是不明智的。因此,我的问题是,他们是如何在网站上实现一个中心内容框的,该内容框的背景填充以扩展到您的浏览器宽度 我安装了firebug,但我不明白为什么他们网站上的div(如#gotter,#navigation)会扩展到整个浏览器宽度。我看不出这些div是如何计算其

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

在这个阶段,我认为在我对CSS有了更好的理解之前,使用CSS框架是不明智的。因此,我的问题是,他们是如何在网站上实现一个中心内容框的,该内容框的背景填充以扩展到您的浏览器宽度

我安装了firebug,但我不明白为什么他们网站上的div(如#gotter,#navigation)会扩展到整个浏览器宽度。我看不出这些div是如何计算其宽度值的,因为似乎没有任何子元素足够大,或者有一条规则会迫使这些div变大。

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


我希望我的问题有意义,并感谢您对此提供的任何帮助。如果您没有指定宽度规则,则默认情况下宽度为100%——也就是说,它将展开以填充其父元素。在这种情况下,父元素是主体,也是视口的全宽。

未设置样式的DIVs将始终填充父元素的100%。如果这是主体,或另一个填充浏览器窗口的元素,它将填充100%


它被称为“块级”元素。所有块级元素的行为都是这样的:div、p、form、ul等等。

对于960网格系统,当你说整个浏览器宽度时,你的意思是960px。同意上面的rpflo。

我不知道你是否在mac上(可能不是),但CSSEdit是一个很棒的应用程序,它的完美界面教会了许多设计师CSS。CSS其实并不太复杂,只需浏览W3CCSS教程@。感谢您的及时简洁回复!我觉得有点傻,因为我忽略了这个简单的行为,这表明我仍然需要做更多的阅读。我希望我有一台mac电脑也能试试