我已经使用 2 列页眉和页脚的基本布局设置了我的网站。在我的大多数页面上，这是因为左列未连接到右列。然而，在一页上，我在左栏中有一张图片，右栏中有相关的描述。这两个元素的高度都会有所不同，但宽度不会有所不同。现在，我通过在图片之间放置一个 div 来实现它，并设置高度以补偿右侧的差异。在我测试它的浏览器中看起来不错，但是当我使用 ie、chrome、opera 和 firefox 进行最终查看时，我发现每一个都以不同的方式渲染空间。左栏高度不一致，导致图片与右侧描述不一致。我想通过我的网站保持 2 列布局一致。这是该页面的链接，我启动它是因为我还没有真正期望太多流量。感谢您的任何建议！
克雷格
不同的浏览器以不同的方式呈现事物（例如默认的行高、页边距和标题的字体大小等）。为了让所有东西都达到一个共同的价值，你应该使用reset.css. 在我的项目中最受欢迎和我通常使用的是这个： http: //meyerweb.com/eric/tools/css/reset/。从我在您的网站上看到的内容来看，您没有使用reset.css. 您需要获取该文件的副本（来自附加链接），将其命名为 reset.css 并在实际style.css文件之前将其导入 - 在您的情况下，您必须在此规则之前导入它：@import url("site_css/craig-smith.css");
注意：导入重置后，您可能需要调整一些原始的craig-smith.css，但最终渲染在所有浏览器中看起来都相似/一致。