股利與不具有瀏覽器滾動條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％的高度

回答

相關問題