0

我的背景有一个简单（但令人沮丧）的问题。我目前将它作为静态背景图像和内容空间的纯色。由于某种原因，内容颜色没有显示？我觉得我已经经历了一切来解决它，但没有骰子。有什么建议么？

body {
  margin-left:auto;
  margin-right:auto;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1em;
  line-height: 1;
  background-image:url(../img/bglogo.jpg);
  background-attachment:fixed;
}
#contentcontainer { 
  max-width: 960px; 
  margin: 0 auto; 
  float: none; 
  padding-top: 0px;
  padding-left:10px;
  background-color: #fffdf8;
}

有问题的网站可以在这里找到：http: //mikesbaum.com/plan9alehouse/index.html

4

2 回答 2

0

这是因为#contentcontainer(home, about, etc.) 的内容都是浮动的，而你没有清除它。执行此操作时，父元素不会包装子元素。如果您查看高度，#contentcontainer您会发现它设置为 0。

要解决此问题，您需要清除浮动部分。最快的方法是#contentcontainer在 css中添加一个空 div 作为最后一个孩子clear: both;：

<section id='contentcontainer'>
 <section id='home'>...</section>
 ...
 ...
 <div style='clear: both;'></div>
</section>

通常如果你发现自己经常清除浮动，大多数人会创建一个 clear 或 clearfix 类，并且只使用 div 的类名而不是使用内联 css。

于 2013-07-17T03:51:08.397 回答
0

您正在使用 Floats 将您的 div 并排放置。因此，父 div 在填充时无法访问这些 div 的高度。这会使父 div 高度为 0px，使其在页面上不可见。

添加'溢出：自动;' 到你的#contentcontainer 类，你应该准备好了。

于 2013-07-17T03:52:21.920 回答