我知道有很多关于此的问题,我已经查看了所有这些问题。我有一个需要左边的网站 <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/