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

来源:互联网 发布:php 反射类 编辑:程序博客网 时间:2024/05/01 15:34
<!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>

0 0
原创粉丝点击