CSS容器/背景不显示；其余的布局工程
这是我的问题，我会尽最大努力澄清-- 我有一个简单的网站，在完整的CSS中使用外部样式表。 我有一个主容器，其中包含网站内容的所有元素；然而，除了保存实际页面文本和CSS容器/背景不显示；其余的布局工程,css,html,background,containers,Css,Html,Background,Containers,这是我的问题，我会尽最大努力澄清-- 我有一个简单的网站，在完整的CSS中使用外部样式表。 我有一个主容器，其中包含网站内容的所有元素；然而，除了保存实际页面文本和businessbox之外，它们似乎都在工作。现在，它显示的是主容器的背景色（绿色），而不是它应该是什么（白色）。我敢肯定这是一件我忽略了的简单事情，以后可能会踢我自己，但我想我会要求第二双眼睛 这是我得到的和它应该是什么样子。如果我对这个容器有问题，希望编程3个垂直列不会成为问题 截图： 我的样式表（style.css）： @ch
businessbox@charset“UTF-8”；
/*CSS文档*/
身体{
背景：#88b488；
利润率：3%；
字体系列：Arial、Helvetica、无衬线字体；
}
#容器{
背景#006200；
宽度：1020px；
保证金：0自动；
}
#标题{
背景图片：url（img/BS_header.jpg）；
背景重复：无重复；
背景位置：中心；
宽度：1020px；
高度：322px；
}
#菜单{
背景#25235b；
宽度：100%；
z指数：2；
}
#菜单ul，#菜单ul{
列表样式类型：无；
填充：0；
保证金：0；
浮动：对；
边缘顶部：15px；
右边距：5px；
}
#菜单ulli{
填充物：5px；
位置：相对位置；
浮动：左；
}
#菜单ul a:链接，#菜单ul a:已访问{
显示：内联块；
颜色：#ffffff；
宽度：90px；
填充物：5px；
文字装饰：无；
字体大小：12px；
字体大小：粗体；
文本对齐：居中；
}
#菜单ul a:悬停，#菜单ul a:激活{
背景#006100；
}
#菜单{
位置：绝对位置；
页边顶部：-1px；
右：0px；
空白：nowrap；
可见性：隐藏；
}
#菜单ul li：悬停ul li{
能见度：可见；
颜色：#ffffff；
背景色：#afafaf；
填充：0px；
}
#cbox{
宽度：1020px；
背景色：#ffffff；
背景图片：url（img/content_grad.jpg）；
背景重复：重复-x；
}
#商务箱{
背景色：#006200；
宽度：620px；
高度：自动；
边框顶部：3倍纯色#afafaf；
边缘顶部：30px；
填充：10px；
利润率：30px自动0px；
}
.企业名称{
文本对齐：居中；
字体大小：20px；
颜色：#ffffff；
文本转换：大写；
字体：斜体；
}
.businesstext{
颜色：#ffffff；
字体大小：14px；
}
#页脚{
字体大小：10px；
文本转换：大写；
颜色：#fff；
文本对齐：居中；
填充：10px；
背景#006100；
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Buy Local</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="container">
<div id="header">
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Hot Deals</a></li>
<li><a href="#">Sign Up!</a></li>
<li><a href="#">Resources</a>
<ul>
<li><a href="#">Events</a></li>
</ul>
</li>
</ul>
</div> <!--end of menu-->
</div> <!--end of header-->
<div id="cbox">
<div id="businessbox">
<div class="businesstitle">Our BUSINESS OF THE MONTH:</div><br />
<img src="#" width="150" height="90" style="float: left; padding-right: 10px;"/>
<div class="businesstext">You could be our next title sponsor and get your business in the spotlight with logo, name, and short blurb about your business.</div>
</div> <!--end of businessbox-->
</div> <!--end of cbox-->
<div id="footer">
2013 © Buy Local
</div><!--end of footer-->
</div><!--end of container-->
</body>
</html>
购买本地产品
-
我们当月的业务：
您可以成为我们的下一个冠名赞助商，并通过徽标、名称和有关您业务的简短宣传，让您的业务成为聚光灯下的焦点。
2013年&复印件；购买本地产品
请参阅以了解具体操作。您的CSS中有HTML注释。浏览器正在跳过渲染它旁边的行，因此永远不会应用#cbox和#菜单样式。删除
另外，您的背景图像
URL是否正在解析？OP
为什么要这样做：
另外，您的背景图像
URL是否正在解析？正如我所说，很明显，使用了错误的注释格式，导致了#cbox属性无法正常工作
谢谢你花时间帮我解决这个愚蠢的问题 正如我所说，很明显——使用了错误的评论格式，这导致了#cbox属性无法正常工作
谢谢你花时间帮我解决这个愚蠢的问题 使用图像或背景图像的地方使用溢出：隐藏；身高：1%我想可以解决你的问题。在你使用图像或背景图像的地方使用溢出：隐藏；身高：1%
我想可以解决你的问题。如果你想businessbox
是白色的，那你为什么给背景色：006200到您的商务舱。只需将其更改为白色如果您希望businessbox
为白色，那么为什么要给背景色：#006200到您的商务舱。只需将其更改为白色，cbox样式就是被破坏的样式-#businessbox设置为绿色（#006200）。kpeatt-奇怪，我的菜单按我的方式工作。只是我的电脑不是。业务框应该是绿色的（仍然像主容器背景）。我不知道这些评论是问题的根源——我会试着把它们拿出来（我不在办公室，但明天早上会检查！）迈克尔，商务箱应该没问题，只是cbox坏了。好吧，我让它工作了；我太傻了，没意识到我是在评论中这么做的。漫长的一天，没有像我说的那样抓住显而易见的事情！它正在工作，谢谢！cbox样式是被破坏的样式-#businessbox设置为绿色（#006200）。kpeatt-奇怪，我的菜单按我的方式工作。只是我的电脑不是。业务框应该是绿色的（仍然像主容器背景）。我不知道这些评论是问题的根源——我会试着把它们拿出来（我不在办公室，但明天早上会检查！）迈克尔，商务箱应该没问题，只是cbox坏了。好吧，我让它工作了；我太傻了，没意识到我是在评论中这么做的。漫长的一天，没有像我说的那样抓住显而易见的事情！它不起作用了
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Buy Local</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="container">
<div id="header">
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Hot Deals</a></li>
<li><a href="#">Sign Up!</a></li>
<li><a href="#">Resources</a>
<ul>
<li><a href="#">Events</a></li>
</ul>
</li>
</ul>
</div> <!--end of menu-->
</div> <!--end of header-->
<div id="cbox">
<div id="businessbox">
<div class="businesstitle">Our BUSINESS OF THE MONTH:</div><br />
<img src="#" width="150" height="90" style="float: left; padding-right: 10px;"/>
<div class="businesstext">You could be our next title sponsor and get your business in the spotlight with logo, name, and short blurb about your business.</div>
</div> <!--end of businessbox-->
</div> <!--end of cbox-->
<div id="footer">
2013 © Buy Local
</div><!--end of footer-->
</div><!--end of container-->
</body>
</html>