html - 高度 100% 在 IE 中不起作用

标签 html css internet-explorer

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

我使用了这两个帖子,但都没有解决我的问题。 CSS 100% height in ie Div 100% height works on Firefox but not in IE

我是否缺少一个容器,或者是否有一种特殊的方法可以在 IE 和 Firefox 中实现这一点?这是我第一次在 CSS 中搞乱 100% 高度。

最佳答案

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

显示:内联 block ;

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

不过,我强烈建议您不要将表格用于此类布局。这里有一个很好的教程,将向您展示如何使用 divs+css 来做到这一点:http://learnlayout.com/

关于html - 高度 100% 在 IE 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18194075/

相关文章:

jquery 文本显示提示文本更改

css - IE 中的空跨占用空间

internet-explorer - 在 IE7/8 中模拟 CSS3 border-radius 和 box-shadow

html - Angular Material 垫选项选择值突出显示

html - IE 条件注释不起作用

html - 如何调试书签 anchor 不起作用

html - 如何让div随着它的内容增长?

html - 为什么使用 CSS 时我的图像不会移动

html - 动态 LI 显示顺序

html - 网站未在特定页面上加载 css 文件