css高度填充剩餘空間

標籤：dex   pac   abs   htm   word   content   ace   100%   idt   

<div id="main">

     < div  id="nav">nav</ div >      < div  id="content">content</ div > </ div >1.浮動特性（浮動元素部分脫離文檔流：位置高於常規文檔） #main {      background-color : #999 ;      height : 100% ; } #nav {      background-color : #85d989 ;      width : 100% ;      height : 50px ;      float : left ; } #content {      background-color : #cc85d9 ;      height : 100% ; }2.絕對位置 （盒模型） #main {       position: relative;      background-color :  #999 ;      height :  100% ; }

#nav {
background-color: #85d989;
width: 100%;
height: 50px;
}
#content {
background-color: #cc85d9;
width: 100%;
position: absolute;
top: 50px;
bottom: 0px;
left: 0px;
}

3.js動態設定剩餘高度擷取main、nav高度，相減的content高度

css高度填充剩餘空間