该部分未显示在打印预览中？

Question

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

“技能”部分显示得很好，但是当您单击“顶部打印”或“打印预览”时，您几乎看不到（并选择第一行），但没有其他显示。 我进入了print.css，但仍然茫然。

如果有人有时间看一下，将不胜感激，谢谢！ CSS文件是...

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

Answer 1

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

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

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

#skillsContainer {
  height: 200px;
}

未显示Skills的原因是，在打印视图中，其所有子级均已完全定位，因此其高度默认为零。

您可能还需要调整column-left ， column-right和column-center类的CSS，因为在打印视图中它们比所需的要高一些（500像素）。