Question

好的，我正在努力使div符合浏览器窗口的大小。所以我有一个高度div：100％。这一切都很好。但是，这包含一个表（在ASPX控件中我无法更改代码等等），并且在那里有很多级别的div为“height：1869px”（并且溢出：auto和position：relative if这很重要）。这会导致表调整大小以适应该值，整个页面最终滚动。 IE8开发人员工具报告我的外部div只有896的高度，但是直接包含在其中的表（它的唯一子元素）的高度为1888.

这是基本想法：

<div style="height:100%">
    <table><tr><td>
        <!-- A whole bunch of other stuff the WebPart spits out, including another couple divs -->
            <div style="height:1869px">
     </table></tr></td>
</div>

（虽然课程中有很多样式，但我的height:100%及其height:1869px都是内联定义的 - 而且我的必须是因为否则sharepoint将height:400px}

我无法更改外部div之下的任何内容（它由SharePoint Web部件生成），虽然可以使用JavaScript修复（找到具有问题的确切元素并将其删除），但这不是可维护的因为Web部件可能会发生变化。谢谢你的帮助！

Answer 1

首先你必须找出你想要的解决方案...如果你想限制内部对象更短，那么你可以使用max-height并添加!important以便它会覆盖1869px值

Answer 2

不会将overflow: hidden放在<div />上工作吗？

CSS：强制div适合浏览器屏幕？

2 个答案: