我在 jQuery 中有自己的简单等高代码，以使两列具有相同的高度：
var content = $("#content");
var sidebar = $("#sidebar");
var maxHeight = Math.max(content.height(), sidebar.height());
content.height(maxHeight);
sidebar.height(maxHeight);
这个 JS 文件包含在我的头文件中。#content我有一个打印样式表，当这个 JS 运行时，div的高度是一个问题。在此打印 CSS 上，我需要使 jQuery 代码不会发生。有任何想法吗？
两种选择：
1) 在服务器端，如果您使用辅助视图进行打印布局，则无法包含打印视图的 JS 输出。
2）您还可以将 !important 添加到您的 print css 属性中，以防止它们被覆盖。这应该适用于某些浏览器。您是否在多个浏览器上测试过它？你知道你想支持哪些浏览器吗？另外你是如何包括你的CSS的？<link rel="stylesheet" type="text/css" media="print" href="foo.css">?
这些选项中的任何一个都应该适合您。如果当他们单击打印图标时您有单独的页面视图，您可以使用第一个。否则，您可以使用第二个并执行类似#mydiv { height: 200px !important }.