0

我开始根据这篇文章创建我的 HTML/CSS 布局，并且或多/少成功。但是，我认为我的 css 在某个地方搞砸了，因为这个页面在 IE 或 Chrome/Firefox 中的显示方式不同......

基本上，我的想法是拥有 3 个等宽的列，高度为 100%。每列的内容应在左侧、顶部和右侧有一些填充，并且“主”链接应位于每列的底部，与其列的中心对齐。

这是我的布局草图

在此处输入图像描述

你可以在这里看到我目前的结果。如果您在 Chrome/Firefox 中查看此页面，您可以看到内容divs正在从我的页面中“流出”，但是，在 IE 中的内容divs非常适合（我在内容上设置边框divs仅用于测试目的）。我不相信 IE 正确地呈现我的 CSS，而是我相信我的 CSS 做错了什么，但真的不确定是什么。感谢您对此的任何帮助。

4

1 回答 1

3

您将高度设置为 100%，但还设置了填充/边距等，高度是内部高度，填充/边距/边框将添加到此，从而导致溢出。

编辑：将填充/边距/边框设置为百分比，以便它们 + 高度加起来为 100%，或者使用 javascript 适当地计算像素来告诉您以像素为单位的窗口高度，从而允许您确定每列的正确高度。您始终可以在调整窗口大小时触发它，以像 CSS 中的 100% 规则一样。

于 2012-07-12T10:01:54.280 回答