部分没有显示打印预览？

Question

这可能很简单，但我正在为朋友（BrianCipoletta.com）工作的网站上的技能部分并未在打印预览中显示。

“技能”部分显示在那里很好，但是当您单击“打印顶部”或“打印预览”时，您可能几乎没有（并选择顶行），但没有其他显示。我已经进入了print.css，我仍然不知所措。

如果有人有一分钟看一看，我将不胜感激，谢谢！ css文件是......

http://www.briancipoletta.com/css/style.css

http://www.briancipoletta.com/css/print.css

Answer 1

在主文档中，为“技能”部分的.container元素添加唯一ID：

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

然后在您的打印CSS中添加以下规则：

#skillsContainer {
  height: 200px;
}

Skills没有出现的原因是因为在打印视图中，它的所有孩子都是绝对定位的，所以它的高度默认为零。

您可能还想调整column-left，column-right和column-center类的CSS，就像在打印视图中它们更高（500px）他们需要。