我知道有很多关于此的问题,我已经查看了所有这些问题。我有一个网站,我需要左<td>
延长100%。我将所有包含的块设置为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%的高度。
答案 0 :(得分:4)
这是因为td.left中的这行css:
显示:内联块;
删除它以使其保持默认值:display:table-cell。然后它在IE中工作。
我强烈建议你不要在这种布局中使用表格。这是一个很好的教程,将告诉你如何使用divs + css:http://learnlayout.com/
答案 1 :(得分:0)
我能想到的最好的方法是用更大的绝对DIV包装两个面板,这样你就可以给内部div一个(工作)样式:
height: 100%;
我在这里做了一个例子: