css使填充满剩余空间.md

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<div id="main">
    <div id="nav">nav</div>
    <div id="content">content</div>
</div>

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