position ="absolute" 与 position="fixed的异同"
2015-01-22 15:30
281 查看
position ="absolute" position="fixed"
相同点
第一，完全脱离标准文档流
第二，未设置偏移量时，都定位在父元素左上角
不同点一：
设置偏移量时，偏移量的基准
absolute
1.无已定位的祖先元素，以<html>为基准
2.有已定位的祖先元素，以最近的父元素的为基准偏移
fixed
有无已定位的祖先元素都以浏览器的可视窗口为基准偏移
不同点二：
表现形式:(产生滚动条时)
absolute:位置会随滚动条变化
fixed:位置不会随滚动条变化
相同点
第一，完全脱离标准文档流
第二，未设置偏移量时，都定位在父元素左上角
不同点一：
设置偏移量时，偏移量的基准
absolute
1.无已定位的祖先元素，以<html>为基准
2.有已定位的祖先元素，以最近的父元素的为基准偏移
fixed
有无已定位的祖先元素都以浏览器的可视窗口为基准偏移
不同点二：
表现形式:(产生滚动条时)
absolute:位置会随滚动条变化
fixed:位置不会随滚动条变化
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- style="filter:alpha(opacity=100);position:absolute;z-index:1001;"解析
- HTML&CSS——Position属性四个值：fixed、absolute和relative的区别和用法
- 解决页头与页脚data-position="fixed" 有时失效的问题
- 在CSS中关于定位的内容是：position:relative | absolute | static | fixed<转>
- z-index属性适用于定位元素（position 属性值为 relative 或 absolute 或 fixed的对象）
- 关于"equals" &" =="异同
- Cool, i have fixed the "Access violation writing to 0x00000008" of BlackBerry Simulator(JDE5.0)
- CSS中Position、absolute、Relative、fixed、static的用法
- css中position属性(absolute|relative|static|fixed)概述及应用
- Position属性四个值：static、fixed、absolute和relative的区别和用法
- CSS3中position属性( absolute | relative | static | fixed )详解
- Position(Static, Absolute, Relative, Fixed)
- 关于"equals" &" =="异同
- CSS中position属性( absolute | relative | static | fixed )详解
- [置顶] CSS中position属性( absolute | relative | static | fixed )详解
- "Initializing Java Tooling".assertion failed: Path for IClasspathEntry must be absolute.
- Solution: 无法察看SQL Server 数据库属性 错误: "There is no row at position 0. (System.Data)"
- "is not fixed because of errors" 表索引问题处理
- Linux "could not open default font 'fixed'."错误解决
- <div style="position: absolute; top: -999px;left: -999px;">