CSS样式让元素填充剩余部分为自己的高度或宽度

#nav {

    background-color: #85d989;

    width: 100%;

    height: 50px;

}

#content {

    background-color: #cc85d9;

    width: 100%;

    position: absolute;

    top: 50px;

    bottom: 0px;

    left: 0px;

}

 

重点是要top和bottom一起使用，这是很反常规的用法，可以强制定义盒模型的区域，神奇啊