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

Question

这可能很简单，但是我为朋友 (BrianCipoletta.com) 开发的网站上的“技能”部分未在打印预览中显示。

“技能”部分在那里显示得很好，但是当您单击“在顶部打印”或“打印预览”时，您几乎看不到（select 第一行），但没有显示任何其他内容。我进了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，就像在打印视图中一样它们比实际需要高了一点（500 像素）。