固定浮动定位之fixed
来源：互联网 发布：linux dns 添加mx记录 编辑：程序博客网 时间：2024/05/16 05:02
网页中如下图，需要在页面底部中间固定一个块，当然用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
- 固定定位fixed
- position:fixed 固定定位（兼容IE6）问题及关闭浮动框的JS
- CSS固定定位{position:fixed}
- 【CSS3】---层模型position之fixed固定定位、absolute绝对定位和relative相对定位
- 解决 IE6 position:fixed 固定定位问题
- 解决 IE6 position:fixed 固定定位问题
- 解决 IE6 position:fixed 固定定位问题
- 解决 IE6 position:fixed 固定定位问题
- IE6 position:fixed 固定定位问题
- css 随滚动条固定浮动position:fixed;
- css 绝对定位(absolute)和固定定位(fixed)
- 固定-浮动定位在顶部的div
- 再谈IE6之Fixed定位
- 再谈IE6之Fixed定位
- CSS定位之浮动
- CSS定位之固定定位
- 跨浏览器的CSS固定定位{position:fixed}
- 用SQL语句删除除了id不同，其他都相同的学生表信息
- php去掉文本的前2个字段
- ftp相关参数备忘
- 如何更新当前记录的某个字段等于本记录的某个字段+上一条记录的某字段之和 .
- 关于网络规划
- 固定浮动定位之fixed
- python初步学习教程
- 自封装UIAlert类：BlockAlertView
- 如何更新当前记录的某个字段等于本记录的某个字段+上一条记录的某字段之和 .
- 如何更新当前记录的某个字段等于本记录的某个字段+上一条记录的某字段之和 .
- 习氏“中国梦”登场
- 转载_Linux C调用C++库(用C封装C++接口)
- ZOJ 1243 URLs
- JPA 有用的注解
