字段集背景颜色影响网站背景颜色

Question

我正在设计一个网站，它的整个背景颜色是浅绿色 (#F5FFF6确切地说)，现在我需要创建一个字段集谁的背景颜色是白色(#FFFFFFF)。我的CSS标记如下:

#page_content {
width: 100%;
height: auto;
min-height: 100%;
position: relative;
background-color: #F5FFF6;
}
#fieldset {
background-color: #FFFFFF;
}

它有点工作在"浅绿色的页面背景色"和我的字段集的颜色是白色，这是我想要的。但是我注意到，我的字段集所在的区域，页面的背景颜色也是白色的，而不是浅绿色的。其余的都是浅绿色，除了那个区域。所以我试着创建另一个字段集，结果成功了!同样的事情发生在第一个字段集上——我的字段集后面的区域又变成了白色。

Answer 1

我不明白具体的问题。
如果你不希望整个页面的宽度为白色，只需给fieldset一个宽度，这样页面的背景色将保持绿色。

#fieldset {
background-color: #FFFFFF;
width: 100px;
height: 150px;    
}

我举了一个例子:http://jsfiddle.net/aKGmc/2/如果这对你没有帮助，请上传一个jsfiddle，这样我可以看看问题

Answer 2

id(以#为前缀的选择器)应该是唯一的。
如果您希望针对一个类别中的多个元素，请使用类和适当的选择器(<div class="something">和.something {})或通用选择器(div {})。

Answer 3

这种行为很正常。您选择将白色背景应用于元素(Fieldset)，并且您获得了相对于该区域的白色背景。如果这还不行，你可能想用别的方法