一个在浏览器底部固定浮动的DIV如何实现(只用css)?_html/css_WEB-ITnose
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了一个在浏览器底部固定浮动的DIV如何实现(只用css)?_html/css_WEB-ITnose,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含4307字,纯文字阅读大概需要7分钟。
内容图文
![一个在浏览器底部固定浮动的DIV如何实现(只用css)?_html/css_WEB-ITnose](/upload/InfoBanner/zyjiaocheng/398/76034e50f4dd419095d2fcbf878c5c0e.jpg)
该如何实现?
回复讨论(解决方案)
testing
http://hi.baidu.com/iamzhangxinxu/blog/item/f4b1f550d65cdd10367abe9d.html
到底要底部哪个位置,自己改下left:***
#foot{position:fixed;_position:absolute;bottom:0px;_bottom:0px;_margin-top:expression(this.style.pixelHeight+document.documentElement.scrollTop)}
试下。
我的意思是随便找个页面,粘贴上这段代码,这个div就可以固定浮动在页面最低端,
拖动滚动条浏览始终在最低端
testing 我不在下面?
document.getElementById("shows").style.top=(document.documentElement.scrollTop || document.body.scrollTop)+ieheight-5-showsHeight+"px";
居屏幕底部。
HTML code
这位大哥写的确实没错,
不过我的要求是就一个div标签,
比如新建一个html,内容就是
我不在下面?
保存,不能有body和html,head标签,style就不起作用?
我的意思是随便找个页面,粘贴上这段代码,这个div就可以固定浮动在页面最低端,
拖动滚动条浏览始终在最低端
这个不能用吗?
我要固定浮动在底部
引用 4 楼 coolzdp 的回复:
我的意思是随便找个页面,粘贴上这段代码,这个div就可以固定浮动在页面最低端,
拖动滚动条浏览始终在最低端
这个不能用吗?
HTML code
不能啊,我的意思是只有div标签,没有body,style就不起作用了好像
html, body {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
_overflow: hidden;
}
#container {
_width: 100%;
_height: 100%;
_overflow-y: scroll;
}
#bottom {
background-color: #0ff;
height: 30px;
width: 100%;
position: fixed;
bottom: 0;
z-index: 999;
/* ie6 fixed */
_position: absolute;
_bottom:-1px;
_right: 17px;
}
核心样式就两句:一句是position:fixed,另一句是bottom:0。
zell419 代码很正确,火狐,IE都兼容!
不错,很好很强大
我想问下,就在此情况下,能否让其也同时水平居中呢???
能同时实现水平居中么?
[Quote=引用 6 楼 的回复:]
document.getElementById("shows").style.top=(document.documentElement.scrollTop || document.body.scrollTop)+ieheight-5-showsHeight+"px";
这个可以~~
![](http://www.gxlcms.com/Public/aiod/ts.jpg)
html代码热搜
- 关于分割线hr在各浏览器中的差异
- a标签的target链接指向iframe的方法
- 使用overflow:hidden来禁用页面滚动条
- 使用SWFObject完美解决HTML插入Flash的各浏览器兼容性方案
- 如何使用图片按钮作为重置(reset)表单按钮
- 超链接的宽度和高度直接设置不起作用的解决方法
- textarea的disabled与readonly属性具体用法介绍
- 空格在Html中如何表示( 有什么含义)
- 在js或css后加?v=版本号不让浏览器缓存
- 块级元素和内联元素及可变元素汇总
- HTML的结束标签问题与w3c标准
- iframe框架在IE浏览器下将白色背景设为透明色
- AdobeBrackets简单使用图文教程
- 如何去除表单的回车即提交即回车!=提交
- Readonly和Disabled之间的微小区别详解
- 如何设置select只读不可编辑且select的值可传递
- html中radio值的获取、赋值、注册事件示例详解
- textarea标签大小不可变不能通过鼠标拖动的方式来拖动
- HTML中select标签单选多选用法详解
- disabled不可输入的值无法传递到action层
- html标签中的this使用介绍
- html设置加粗、倾斜、下划线、删除线等字体效果
- html页面嵌套使用示例(frameset使用方法)
- html悬浮框架的设置使用示例(iframe加载html)
- html无序列表标签和有序列表标签使用示例
![](http://www.gxlcms.com/ad/tx500x500.jpg)