如何刪除底部的動態內容空間？

我設計一個網頁，一個div的底部應該接觸是沒有底邊距或填充，所以我把高度的主要DIV作爲如何刪除底部的動態內容空間？

$(function() { 
    $('.divMain').css({'height': (($(window).height())) + 'px'}); 

    $(window).resize(function() { 
     $('.divMain').css({'height': (($(window).height())) + 'px'}); 
    }); 
});

我的HTML是網頁的結尾：

<div class="divMain"> 
    <table id="eduGrid"></table> 
</div>

其中"eduGrid"是動態生成的（Bootstrap）。

最初它的工作很好，但我有一些內容可以在用戶端添加（添加新的教育等），以便內容移動到主外觀和外觀有線。

來源

2013-05-20 Puneet Purohit

你能提供一個你已經嘗試過的小提琴嗎？ – qwerty

爲div編寫示例代碼 – Jitesh

溢出內容應該放到哪裏？你想讓它隱藏還是你想讓頁面滾動？ – Tim

謝謝你們，但我已經找到了這個problem..I的解決方案改變了我的函數體爲：

 $(function() { 
      $('.divMain').css({'min-height': (($(window).height()) - 70) + 'px'}); 

      $(window).resize(function() { 
       $('.divMain').css({'min-height': (($(window).height()) - 70) + 'px'}); 
      }); 
     });

所以現在開始主要格有最小高度爲瀏覽器高度，當主div的內容增加時，主div的高度也會增加。

來源

2013-05-22 04:33:39

選中此爲全屏顯示的結果 - http://fiddle.jshell.net/DRRsn/1/show/light/

檢查這對小提琴碼 - http://jsfiddle.net/DRRsn/1/

CSS

html,body{width:100%;height:100%; overflow:hidden; margin:0;padding:0;} 
div{background:blue;} 
table{background:pink;height:100%;;width:50%}

HTML

<div class="divMain"> 
<table id="eduGrid"></table> 
</div>

個

$(function() { 
    $('.divMain').css({'height': (($(window).height())) + 'px'}); 
    $(window).resize(function() { 
     $('.divMain').css({'height': (($(window).height())) + 'px'}); 
    }); 
});

希望這是什麼ü正在尋找。

來源

2013-05-20 06:57:55 itsMe

道歉，如果這不是你要找的 - 我認爲這是？默認情況下它絕對<格>

.divMain { 
    position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; 
}

所以： - 簡單地通過使一個位置 - 但如果你想在「divMain」採取瀏覽器窗口的寬度&高度的100％，你可以用CSS做將有100％的高度，但如果<表>的內容高於該頁面，則divMain將伸出。

（測試瀏覽器）

來源

2013-05-20 10:38:11 Pixelburp

如何刪除底部的動態內容空間？

回答

相關問題