0

我知道有很多关于这个的问题，我都看过了。我有一个网站，我需要向左<td>扩展 100%。我将所有包含块设置为 100%，这在 chrome 和 safari 中效果很好。但是，它不会扩展到 IE 或 Firefox 中的屏幕底部。我在这里有一个粗略的草图，因为代码太长而无法粘贴。我还在页面中包含了 css 以使其更易于查看。

我使用了这两个帖子，但都没有解决我的问题。 CSS 100% height in ie Div 100% height 适用于 Firefox 但不适用于 IE

我错过了一个容器还是有一种特殊的方法可以在 IE 和 Firefox 中实现这一点？这是我第一次在 CSS 中弄乱 100% 的高度。

4

2 回答 2

4

这是因为 td.left 中的这一行 css：

显示：内联块；

删除它，使其保持默认值：display:table-cell。然后它在IE中工作。

不过，我强烈建议您不要将表格用于这种布局。这是一个很好的教程，它将向您展示如何使用 divs+css 执行此操作：http: //learnlayout.com/

于 2013-08-12T18:51:08.630 回答
0

我能想到的最好方法是用更大的绝对 DIV 包裹两个面板，这样你就可以给内部 div 一个（工作）风格，如下所示：

height: 100%;

我在这里做了一个例子：

结果 - http://fiddle.jshell.net/E8SK6/1/show/

代码 - http://jsfiddle.net/E8SK6/1/

于 2013-08-12T18:55:51.813 回答