如何將div高度填滿剩余高度
阿新 • • 發佈:2019-02-15
增加 outer nth cti bsp res idt html 定位 下列代碼中navbar高度為30px,content高度需要填滿瀏覽器的剩余高度
<div id="body">
<div id="navbar"></div>
<div id="content"></div>
</div>
css如下:
html,
body {
padding: 0px;
margin: 0px;
height: 100%;
}
div
{
padding:0px;
margin:0px;
}
#navbar {
background-color: brown;
width: 100%;
height: 30px;
}
#content {
background-color: gray;
width: 100%;
}
方法一:通過js代碼來動態設置高度來實現
- 在JS尾部直接調用下列函數
- 在body元素的resize事件增加對下列函數的調用
如何將div高度填滿剩余高度