来看看：CSS实例教程:非浮动地区设置宽度

当遇到几个选择器共享一个声明的时候，可以分组放在一起，每个选择器必须以逗号隔开。例：h1,h2,h3,h4{colorred;}选择器分组时要将每个选择器路径写全，分组结尾不能有逗号。
破洛洛文章简介：CSS实例教程:非浮动地区设置宽度.
前一段工夫我在做GreenGaint这个主题的时分，发明了一个在结构中呈现的关于浮动的成绩。让我来讲明一下，以下图所示：

登录/注册后可看大图

我们假定有一个容器A，在这个容器内有两个容器B和C，B设置了高度和宽度，而且向左浮动，C没有浮动，它将环绕在B地区的四周，这是典范的浮动效果，没有成绩。
可是当C容器设置了宽度以后，而且B和C的宽度之和小于A容器以后的效果，在Firefox和IE8中是如许的：

登录/注册后可看大图

在IE6和IE7中的体现是如许的：

登录/注册后可看大图

在这里，让我们将B地区看做是网页中的次要内容区，C地区看做是侧边栏，要到达B在左，C在右，B和C之间还要保存必定的空间的话，我们还要给C设置margin-left属性，当增加上右边距的属性后，IE和Firefox中的结构分歧了。
固然，你能够完整不必给C地区设置宽度，只必要增加右边距就可以到达但愿的结构效果，可是偶然候我们必要给C地区增加宽度值的时分，你要分明Firefox、IE8和IE6、IE7关于这类结构的体现是分歧的。
</p>
缩短改版时间。只要简单的修改几个CSS文件就可以重新设计一个有成百上千页面的站点。

在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实。