股利与不具有浏览器滚动条100％的高度

我有以下顺序股利与不具有浏览器滚动条100％的高度

<div id="portlet" class="ui-widget-content"> 
    <div id="header" class="ui-widget-header"> ....</div> 
    <div id="content"> ... </div> 
</div>

我的内容获取，如果内容溢出滚动条的div的面板。我有一个最大化按钮来最大化面板。所以当我最大化面板时，我添加了下面的CSS类。

.maximise { 
    position: absolute !important; 
    width: 100% !important; 
    height: 100% !important; 
    left: 0px !important; 
    top: 0px !important; 
    z-index: 1 !important; 
}

但是后来我得到了浏览器的滚动条和内容滚动条。请帮忙!!! 预先感谢您。

来源

2013-01-16 tiger

GAH！这些都是什么！在那里做重要言论？ – Kyle

这通常是因为填充，边框或边距，所以请尝试先将这些设置为0。

宽度和高度的计算均为之前填充和边框应用。如果这是一个百分比，div的整体宽度将是页面的100％+任何填充或边框。

您可以告诉浏览器计算这些百分比宽度后填充和边框应用使用box-sizing CSS属性。

.maximise { box-sizing: border-box; }

但是，这并不适用于所有浏览器。您也可能需要供应商特定的属性。

来源

2013-01-16 10:18:48 Connell

非常感谢... :) :)它在Chrome和IE上工作.. !!! – tiger

不客气:)检查Firefox！ Firefox总是我记得我必须使用供应商特定的属性：'-moz-box-sizing'。 – Connell

它在IE 9中相当的错误。它的最大化正确..但是，然后在恢复我的内容后，正在消失。 – tiger

使用

overflow-x:hidden; 
overflow-y:hidden;

隐藏滚动条。

来源

2013-01-16 10:17:18 3zzy

那么简单的'overflow：hidden'取而代之呢？ – ch4nd4n

它并不总是隐藏滚动条。 – 3zzy

股利与不具有浏览器滚动条100％的高度

回答

相关问题