CSS jquery实现Div底部固定

>首页 -> 社会专题 -> 代码效果 2010-07-12 来源: 作者: 【大中小】浏览:1123次评论:0条

CSS jquery实现Div底部固定，在固定的Div内你可以显示菜单、公告提示、每日推荐等，再加上一个关闭功能那就更完美了。本例代码主要是演示jQuery与CSS配合实现Div的定位功能，搞明白了肯定以后受益匪浅。 <!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> <TITLE>CSS jquery实现Div底部固定</TITLE> <META http-equiv=Content-Type content="text/html; charset=GBK"> <STYLE type=text/css> *{margin: 0;padding: 0;font:14px "微软雅黑";} .fixed{RIGHT: 15px;BACKGROUND: lightgreen;LEFT: 15px;BOTTOM: 0;LINE-HEIGHT: 30px;POSITION: fixed;HEIGHT: 30px} #iefixed{MARGIN: -1px 15px 0px;OVERFLOW: hidden;ZOOM: 1;HEIGHT: 1px} </STYLE>  </HEAD> <BODY> 请看网页底部  <div style="width:960px;height:2000px;margin:0 auto"></div> <DIV class=fixed>position:fixed部分</DIV> </BODY> </HTML> 提示：您也可以先修改部分代码再运行！

您看到此篇文章时的感受是：

Tags：

责任编辑：佚名

【大中小】【打印】【繁体】【投稿】【收藏】【推荐】【举报】【评论】【关闭】【返回顶部】

手机扫描

空间赞助

快速互动

有事联系

统计联系

版权与建议