html上下结构(上部固定高度,下部平铺)

html页面上下结构:

上部固定,下部平铺

1 <div id="page_header"></div>
2 <div id="page_content"></div>

样式:

1 #page_header{width:100%;height:50px;position: fixed;z-index: 10;background-color: #0099cc;padding: 0;margin: 0;color: #fff;}
2 #page_content{position: absolute;width: 100%;top: 50px;bottom: 0px;z-index: 9;background-color: #fff;}

 

posted @ 2016-08-11 13:42  聪明的娃  阅读(856)  评论(0编辑  收藏  举报