css内容：

<style type="text/css">

#ken_BB

{

padding-right:30px;

text-align: center;

color:Yellow;

vertical-align: middle;

font-size: 20px;

z-index: 999px;

left: 0px;

position: fixed;

bottom: 0;

background: #000;

width: 100%;

height: 40px;

line-height: 40px;

z-index: 9999;

opacity: .90;

filter: alpha(opacity=90);

_bottom: auto;

_width: expression(document.body.clientWidth);

_position: absolute;

overflow: hidden;

_top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight- (parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));

}

#ken_BB a

{

color: #fff;

letter-spacing: 2px;

}

#ken_BB a img

{

padding-bottom: 3px;

vertical-align: middle;

}

</style>

html内容：

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>410838107--固定浏览器底部Div</title>

</head>

<body>

<div style="height:2000px;">中国佳酒招商网</div>

<div id="ken_BB">

<div ><a  target="_blank">爱玩,但不要累,刺激,但不危险,努力工作,不枉此生,爱dota，爱美女</a> </div>

</div>

</body>

</html>

兼容浏览器 div固定浏览器窗口底部 浮动div的更多相关文章

  1. div固定顶部和底部

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  2. css方法div固定在网页底部

    css .bottom{width:%;height:40px;background:#ededed;;}/*重点后两句*/ body <div class="bottom" ...

  3. CSS Div固定在网页顶部、底部、左侧、右侧

    Div固定在网页顶部 .header { width:100%; height:80px; background-color:#FAFAFA; position:fixed; top:; left:; ...

  4. div固定在屏幕底部

    项目中需要实现div一直显示在屏幕的底部,不管页面有多长或者多端都需要满足. 在网上找的用js实现的,移动时会闪动,效果不是特别好.也可能是没找到好的. 相比js,我更希望使用css实现 1 < ...

  5. 固定一个div在浏览器底部

    转自原文 如何固定一个div在浏览器底部   方法1:使用CSS绝对定位 div{ position:absolute; bottom:0px; left:0px; } 方法2:使用CSS固定定位 d ...

  6. 内容高度小于窗口高度时版权div固定在底部

    <!doctype html><html><head><meta charset="utf-8"><title>文档内容 ...

  7. div固定在浏览器的最上方，不随滚动条滚动

    #topDIV { position: fixed; ; ; width: 100%; height: 35px; border-bottom: 1px solid #eee; background- ...

  8. 页面元素固定在页面底部的纯css代码（兼容IE6）

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  9. 网页制作常见的问题（怎样兼容IE6/IE7/火狐浏览器）

    1.IE6双边距问题? 在IE6的浏览器中明明设置的是10px的margin却为什么显示的是20px的margin其实这个Ie6的一个双边距BUG 例如: <style type="t ...

随机推荐

  1. BZOJ 1468 Tree 【模板】树上点分治

    #include<cstdio> #include<algorithm> #define N 50010 #define M 500010 #define rg registe ...

  2. linux命令与技巧

    1.模糊查询:find / -name '*Eclipse*'2.获得管理员权限:sudo -i

  3. Linux下汇编语言学习笔记72 ---

    这是17年暑假学习Linux汇编语言的笔记记录,参考书目为清华大学出版社 Jeff Duntemann著 梁晓辉译<汇编语言基于Linux环境>的书,喜欢看原版书的同学可以看<Ass ...

  4. Spring MVC 4实现RESTFul WebServices的CRUD实例和使用RestTemplate进行请求（全注解形式配置Web和Filter）

    在这篇文章中,我们将使用Spring4 MVC编写一个CRUD RESTful Web服务,写一个REST客户端RestTemplate来使用这些服务.我们也将利用外部客户端测试的服务. 下面将展示核 ...

  5. Eclipse导入Ant项目

    导入Ant项目有以下方式: 1.[File]->[Project]->[Java Project from Existing Ant Buildfile] 选择build.xml文件即可, ...

  6. vue2源码浏览分析02

    1.组件初始化方法 init Vue.prototype._init = function (options) { /* istanbul ignore if */ if ("develop ...

  7. FLASH BACK

    overview of different flashback technologies flashback query(including flashback query, flashback ve ...

  8. go语言使用官方的 log package 来记录日志

    原文:https://www.goinggo.net/2013/11/using-log-package-in-go.html ------------------------------------ ...

  9. 转:Redis 缓存策略

    转:http://api.crap.cn/index.do#/web/article/detail/web/ARTICLE/7754a002-6400-442d-8dc8-e76e72d948ac 目 ...

  10. [JavaEE] Implement a REST Endpoint

    1. Create a rest folder with JAXRSConfiguration.java: package com.pluralsight.bookstore.rest; import ...