就在已有的页面用js动态插入一段html代码，不改变其它原有标签的属性
我要固定浮动在底部
//只靠这段代码，改变style
该如何实现？
回复讨论(解决方案)
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
tes…… <br /> <br /> 这位大哥写的确实没错， <br /> 不过我的要求是就一个div标签， <br /> 比如新建一个html，内容就是 <br /> <br /> <br><br><br><br><br><br><br><br><br><br><br> <br /> <br><br><br><br><br><br><br><br><br><br><br> <br /> <br><br><br><br><br><br><br><br><br><br><br> <br /> <br><br><br><br><br><br><br><br><br><br><br> <br /> <br><br><br><br><br><br><br><br><br><br><br> <br /> <br><br><br><br><br><br><br><br><br><br><br> <br /> <br /> <div style="position:fixed;_position:absolute;bottom:0px;_bottom:0px;_margin-top:expression(this.style.pixelHeight+document.documentElement.scrollTop);"> <br /> 我不在下面？ <br /> </div> <br /> <br /> 保存，不能有body和html，head标签，style就不起作用？ </p> <p class="sougouAnswer"> 我的意思是随便找个页面，粘贴上这段代码，这个div就可以固定浮动在页面最低端， <br /> 拖动滚动条浏览始终在最低端 <br /> 这个不能用吗？ <br /> <br /> <pre class="sycode" name="code"><div style="left:0; bottom:0; POSITION:absolute; width:100px; height:100px; z-index:100;">我要固定浮动在底部</div></script></pre> </p> <p class="sougouAnswer"> 引用 4 楼 coolzdp 的回复: <br /> <br /> 我的意思是随便找个页面，粘贴上这段代码，这个div就可以固定浮动在页面最低端， <br /> 拖动滚动条浏览始终在最低端 <br /> <br /> 这个不能用吗？ <br /> <br /> HTML code <br /> <br /> <div style="left:0; bottom:0; POSITION:absolute; width:100px; height:100px; z-index:100;">我要固定浮…… <br /> <br /> 不能啊，我的意思是只有div标签，没有body，style就不起作用了好像 </p> <p class="sougouAnswer"> <body> <br /> <div id="container"></div> <br /> <div id="bottom"></div> <br /> </body> <br /> html, body { <br /> margin: 0; <br /> padding: 0; <br /> height: 100%; <br /> width: 100%; <br /> _overflow: hidden; <br /> } <br /> #container { <br /> _width: 100%; <br /> _height: 100%; <br /> _overflow-y: scroll; <br /> } <br /> #bottom { <br /> background-color: #0ff; <br /> height: 30px; <br /> width: 100%; <br /> position: fixed; <br /> bottom: 0; <br /> z-index: 999; <br /> /* ie6 fixed */ <br /> _position: absolute; <br /> _bottom:-1px; <br /> _right: 17px; <br /> } </p> <p class="sougouAnswer"> 核心样式就两句：一句是position:fixed，另一句是bottom:0。 </p> <p class="sougouAnswer"> zell419 代码很正确,火狐,IE都兼容! </p> <p class="sougouAnswer"> 不错，很好很强大 </p> <p class="sougouAnswer"> 我想问下，就在此情况下，能否让其也同时水平居中呢？？？ </p> <p class="sougouAnswer"> 能同时实现水平居中么？ </p> <p class="sougouAnswer"> [Quote=引用 6 楼 的回复:] <br /> <br /> <br /> <br /> document.getElementById("shows").style.top=(document.documentElement.scrollTop || document.body.scrollTop)+ieheight-5-showsHeight+"px"; <br /> <br /> 这个可以~~ </div>
</div>
<script type="text/javascript" src="/layui/layui.js"></script>
<script>
layui.use('code', function(){
layui.code({
elem: 'pre', //默认值为.layui-code
about:false,
title:'一个在浏览器底部固定浮动的DIV如何实现（只用css）？_html/css_WEB-ITnose代码块',
encode: true //是否转义html标签。默认不开启
});
});
</script>
<footer class="comm-footer">
<ul class="channels">
<li>
<a target="_top" href="/system/">操作系统</a>
</li><li>
<a target="_top" href="/down/">程序下载</a>
</li><li>
<a target="_top" href="/jquery/">jquery插件库</a>
</li><li>
<a target="_top" href="/jiaoben/">编程</a>
</li><li>
<a target="_top" href="/db/">数据库</a>
</li><li>
<a target="_top" href="/tools/">在线工具</a>
</li><li>
<a target="_top" href="/framebook/">框架书籍</a>
</li><li>
<a target="_top" href="/xitongjiaocheng/">系统教程</a>
</li><li>
<a target="_top" href="/ruanjianxiazai/">软件下载</a>
</li> </ul>
<ul class="versions">
<li>
<a href="https://m.gxlcms.com" class="active">触屏版</a>
</li>
<li>
<a href="https://www.gxlcms.com" target="_top">电脑版</a>
</li>
</ul>
<p><a href="https://beian.miit.gov.cn/" target="_blank" style="color:#ffffff"></a><script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?6c9b8cea1903c9f813f150c04aeebc3c";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script></p>
</footer>
</body>
</html>