前端设计之CSS布局：上中下三栏自适应高度CSS布局_html/css_WEB-ITnose

网页代码：

     CSS布局：上中下三栏自适应高度CSS布局  *{margin:0;padding:0;}body, html { margin: 0; padding:0 !important; padding:90px 0 32px 0; width:100%; height:100%; overflow:hidden;}.header {    background: #C9F;    width: 100%;    height: 90px;    overflow: hidden;    position: absolute;    top: 0;    width: 100%;    text-align: center;    background-color: #FFCC00;}.content { position:absolute!important; position:relative; top:90px!important; top:0; bottom:32px; width:100%; overflow:hidden; height:auto!important; height:100%; left: -3px;}.main { height:100%; background:#66CCFF; overflow-y:auto; text-align:center;}.footer {    background: #9CF;    width: 100%;    height: 40px;    color: #e1efff;    line-height: 32px;    letter-spacing: 1px;    text-align: center;    clear: both;    position: absolute;    bottom: 0;    left: 0;    background-color: #FF6600;}             这里是顶部

      
查看更多关于前端设计之CSS布局：上中下三栏自适应高度CSS布局_html/css_WEB-ITnose的详细内容...
        
          声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did109048

更新时间：2022-11-17 阅读：32次