相对定位和绝对定位
2016-11-20 13:32
316 查看
相对(relative)定位和绝对(absolute)定位
relative:
相对定位是指元素相对于自身原来位置进行偏移。
原本所占空间仍然保留。
相对定位的层次总是相对于其最近的元素,无论其父元素是何种定位方式。
absolute:
绝对定位是指元素相对于父元素进行定位。
原来正常文档流所占的空间会关闭。
使用绝对定位时,父元素要求有position属性,否则将会按照父的父的父的。。。直到找到含有position的父元素为止。如果找不到则绝对定位于body。
relative:
相对定位是指元素相对于自身原来位置进行偏移。
原本所占空间仍然保留。
相对定位的层次总是相对于其最近的元素,无论其父元素是何种定位方式。
absolute:
绝对定位是指元素相对于父元素进行定位。
原来正常文档流所占的空间会关闭。
使用绝对定位时,父元素要求有position属性,否则将会按照父的父的父的。。。直到找到含有position的父元素为止。如果找不到则绝对定位于body。
相关文章推荐
- css使absolute相对于父容器进行定位而不是以body(为什么绝对定位(absolute)的父级元素必须是相对定位(relative))
- 使用dinput鼠标的相对模式达到绝对定位
- table中绝对定位元素相对td定位失效解决方案
- CSS中关于定位的问题, 相对,绝对定位
- 关于DIV相对于父DIV绝对定位
- CSS+DIV:父DIV相对定位+子DIV绝对定位
- CSS 相对/绝对(relative/absolute)定位与jQuery的控制显示隐藏
- css基础 绝对定位 position:absolute 相对于定位的祖先元素进行定位
- CSS之Position相对定位和绝对定位
- 相对定位和绝对定位以及固定定位
- 相对、绝对和固定定位的比较
- 网页布局:html+css_绝对定位与相对定位
- 【随笔】关于绝对定位absolute相对于父元素定位的问题
- 相对定位与绝对定位的分析测试
- 相对定位与绝对定位
- CSS 相对|绝对(relative/absolute)定位系列(一)
- 绝对定位常见误区:position:absolute相对于谁定位、及当溢出时怎么隐藏
- 相对定位与绝对定位
- div 的相对定位与绝对定位
- CSS教程:相对、绝对定位及布局和浮动