这是一篇很有收藏价值的文章《固定浮动定位(fixed)如何实现思路及代码》，在开发过程对大家很有帮助，小编结合实例代码给大家介绍的非常详细，需要的朋友可以参考下
网页中如下图，需要在页面底部中间固定一个块，当然用positon:fixed来控制，然后bottom:0px;能让其在底部，但是在中间怎么处理呢？ 最先想到的是用js或者jquery算屏幕的宽度A，然后减去红色框的宽度B，那么它的left值为(A-B)/2 px;
其实有更简单的，只需要css来控制，代码如下
复制代码
代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
.test
{
border:1px solid red;
position:fixed;
bottom:0px;
bottom:0px;
left:0px;
right:0px;
margin:auto auto;
height:50px;
width:200px;
}
</style>
</head>
<body>
<div class="test"></div>
</body>
</html>
重要之处就是left:0px;right:0px;margin:auto auto;
经测试在ie8、9、10，chrom、firefox中均正常
本文固定浮动定位(fixed)如何实现思路及代码到此结束。不管你的梦想是什么，只有带着淡然的态度，做好当前的事情，才能如愿以偿。只有到了未来，才知道今天做的事情有什么意义。无论你选择做什么，那都是你理想的未来。能抓住机遇的人，大都是不假思索就作出选择的人。不能实现梦想的人，都是想要一样东西，却不愿意为之付出足够的努力。小编再次感谢大家对我们的支持！
![CSS拾遗之箭头,目录,图标的如何实现代码]("wallpaper1.jpg)
