前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >div定位在浏览器底部(CSS解决)

div定位在浏览器底部(CSS解决)

作者头像
用户1730674
发布2018-05-02 11:45:29
8830
发布2018-05-02 11:45:29
举报

<!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>无标题文档</title> </head> <style> html,body,#box{height:100%} body{background-color:#0C0;margin:0;padding:0} body #box{height:auto;min-height:100%} .main{padding-bottom:100px} .footer{position:relative;height:100px;margin-top:-100px;background:red;clear:both} </style> <body> <div id="box"> <div class="main"></div> </div> <div class="footer"> </div> </body> </html>

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2014-04-18,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 我分享我快乐 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档