增加对象框的大小以移除滚动条答案

【问题标题】：Increasing the Size of Object Frame to Remove Scroll Bars增加对象框的大小以移除滚动条
【发布时间】：2009-12-24 03:36:56
【问题描述】：

我recently asked how to hide the vertical scroll bar using overflow:hidden。虽然答案确实有效（滚动条被隐藏），但我想知道为什么它甚至会首先出现。我认为在另一个页面中包含一个对象会自动增长到所需的大小，除非另有限制（我不相信我正在这样做）。我的对象的 CSS 是：

object {
    width: 100%; 
    height: 100%;
    border: none;
}

有什么建议可以让整个对象达到它需要的完整大小，而不是隐藏它？谢谢。

附：作为记录，整个站点都是在本地计算机上运行的 - 它没有任何网络访问权限。

编辑： This SO Question 几乎正是我想要做的，但使用的是对象而不是 iFrmae。但是，我似乎无法将包含的 div 调整为正确的大小。

【问题讨论】：

标签： javascript html css

【解决方案1】：

html, body, object {
    margin: 0;
    padding: 0;
    border: 0;
    position: fixed;
    height: 100%;
    width: 100%;
    outline: none;
}

<object> 将是具有此 CSS 的窗口的 100% 大小。 <html> 和 <body> 必须包括在内，才能将<html>s 的高度设置为 100%。

【讨论】：

不幸的是，这不起作用。内部的框架（对象）离开页面底部，但主页上没有滚动条。

【解决方案2】：

只需将所有边距和内边距重置为 0，这样就不会占用“隐藏”空间

【讨论】：