CSS背景颜色没有效果

我试图在灰色背景（body）上获得固定宽度的白色<div>，但所有内容都显示为灰色;白色被忽略。代码在jsbin。有任何想法吗？我在以前的网站上做过这件事，那里一切都很好。我看不出我在这里做什么。CSS背景颜色没有效果

PS：我不得不写的jsbin URL下来，并在这里进行手动输入，因为火狐拒绝它从共享弹出复制到剪贴板。这也曾任职:-(

来源

2013-01-31 stevenvh

只是要完全无益它正确地显示了在JSBin联系我。我在工作中使用IE8。 – amarcy

这看起来在IE10，Firefox 18.0.1和Chrome 24中是一样的。IE8不是一个符合标准的浏览器。 –

~~浮标正在毁了它。~~ 它是由彩车:-)

基本上#container造成没有尺寸，因为里面的东西它是浮动。无尺寸=无背景出现

将overflow: auto添加到#container是解决问题的一种方法（取决于您如何确切地希望整个布局出现）。

来源

2013-01-31 17:56:32 rlatief

漂浮物没有任何问题。这是如何对待div的。 –

编辑调低;） – rlatief

接受，因为它是最简单的解决方案，它似乎也是Eric Meyer在他的lynda.com视频中推荐的主题。 – stevenvh

body { 
background-color: #CCCCCC; 
font-family: Verdana,Geneva,sans-serif; 
font-size: 12px; 
text-align: center;} 

#container { 
background-color: #FFFFFF; 
display: inline-block; 
margin: 0 auto; 
text-align: left; 
width: 400px; }

尝试这些变化

来源

2013-01-31 17:51:06 Toping

你的问题是，规范，包含DIV的取出文件的流程。正因为如此，你的div容器被认为是通过兼容的浏览器空

发生在你的样式表的底部下面的代码：

.clearfix:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
} 

/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
/* End hide from IE-mac */

然后进行更改你的容器是这样的：

<div id="container" class="clearfix">

来源

2013-01-31 17:56:12

您的容器和侧边栏保持浮动状态，但它们未被“清除”。你所做的是添加一个div

<div class="clearBoth"></div>

你的边栏div后。

，然后在你的CSS：

.clearBoth { 
    clear:both; 
}

来源

2013-01-31 17:57:25

我把这个包含在我的答案中。 –

@Young先生我们几乎同时发布答案。当我开始打字时，你还没有发布你的答案。 :) –

:-)干杯队友！ –

CSS背景颜色没有效果

回答

相关问题