HTML的footer置于页面最底部的方法

    xiaoxiao2021-03-25  76

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>cankaojishu.com</title> <style type="text/css"> html{height:100%;} body{min-height:100%;margin:0;padding:0;position:relative;} header{background-color: #ffe4c4;} main{padding-bottom:100px;background-color: #bdb76b;}/* main的padding-bottom值要等于或大于footer的height值 */ footer{position:absolute;bottom:0;width:100%;height:100px;background-color: #ffc0cb;} </style></head> <body> <header>headerer </header> <main>main conten</main> <footer>footer</footer> </body> </html>
    转载请注明原文地址: https://ju.6miu.com/read-13684.html

    最新回复(0)