为什么我的部分重叠，没有bg颜色？ CSS

Question

这是我的代码。 http://codepen.io/anon/pen/MwoLdR

我的部分文字重叠，每个部分的background-color: #xxxxxx;都没有显示。

这可能是位置问题，但当我将position: relative;更改为absolute时，即使将文本设置为中心，文本也会左对齐。

这也可能是高度问题，因为在浏览器中，尺寸有时会显示为“880px x 0px”。

Answer 1

只需更改css中h2的行高，以及修复重叠的“strong”标记，并为“section”标记指定静态高度。基于百分比的高度的问题是如果父容器（在这种情况下是主体）没有指定的高度，则子项的高度为60％的0，即0.这就是为什么内容不可见。

summary(model)$r.squared

here是一个有效的例子

更简单的方法是使用

.second strong {
  color: #32B432;
  line-height:40px;
}

h2 {
  line-height:24px;
}

而不是

body {
  height:100%;
}

如果你不介意一个静止的身体。 here就是一个例子。