Html 在两个不同的列中水平对齐div

我已经建立了我的网站，基本布局为2列页眉和页脚。在我的大多数页面上，这是因为左列没有连接到右列。然而，在一页中，我在左栏有一张图片，在右栏有一个相关的描述。这两个元素的高度不同，但宽度不同。现在，我通过在图片之间放置一个div来实现这一点，所有图片都具有设置的高度，以补偿右侧的差异。在我测试的浏览器中看起来不错，但当我使用ie、chrome、opera和firefox进行最后一次查看时，我发现每个浏览器呈现的空间都不同。左列的高度不一致，因此图片与右侧的描述不一致。我想保持2列布局一致，通过我的网站。我有没有办法补偿这种布局中不同的浏览器渲染？一个指向该页面的链接，我启动了它，因为我真的不希望有太多的流量。谢谢你的建议

---

Craig

不同的浏览器呈现不同的内容（如默认的行高、页眉边距和字体大小等）。要将所有内容设置为公共值，您需要使用

reset.css

。在我的项目中，我通常使用的最流行的方法是：。从我在您网站上看到的情况来看，您没有使用

reset.css

。您需要获取该文件的副本（从附加的链接），将其命名为reset.css，并在实际的

style.css

文件之前导入它——在您的情况下，您必须在以下规则之前导入它：

@import url（“site_css/craig smith.css”）

注意：导入重置后，您可能需要调整一些原始的
craig smith.css
，但最终渲染在所有浏览器中都会相似/一致