CSS position 定位
2016-05-07 15:54
323 查看
Static 定位
HTML元素的默认值,即没有定位,元素出现在正常的流中。
静态定位的元素不会受到 top bottom left right 影响
Fixed 定位
元素的位置相对于浏览器窗口是固定位置。即使 窗口滚动它也不会移动。
Fixed定位是元素的位置与文档流无关,因此不占据空间;
Fixed定位的元素和其他元素重填;
relative 定位
相对其正常位置定位。
相对定位元素经常被用来作为 绝对定位元素的容器块;
absolute 定位
绝对定位元素的位置 相对于最近的已定位父元素。如果没有这样的父元素,那么它的位置相对于<html>
absolute定位是元素的位置与文档流无关,因此不占据空间;
absolute定位的元素和其他元素重填;
重叠的元素
元素的定位与文档流无关,所以它们可以覆盖页面上的其它元素。
z-index 属性指定了一个元素的堆叠顺序
HTML元素的默认值,即没有定位,元素出现在正常的流中。
静态定位的元素不会受到 top bottom left right 影响
Fixed 定位
元素的位置相对于浏览器窗口是固定位置。即使 窗口滚动它也不会移动。
Fixed定位是元素的位置与文档流无关,因此不占据空间;
Fixed定位的元素和其他元素重填;
relative 定位
相对其正常位置定位。
相对定位元素经常被用来作为 绝对定位元素的容器块;
absolute 定位
绝对定位元素的位置 相对于最近的已定位父元素。如果没有这样的父元素,那么它的位置相对于<html>
absolute定位是元素的位置与文档流无关,因此不占据空间;
absolute定位的元素和其他元素重填;
重叠的元素
元素的定位与文档流无关,所以它们可以覆盖页面上的其它元素。
z-index 属性指定了一个元素的堆叠顺序
相关文章推荐
- css学习小结
- CSS小技巧
- 关于纯css实现简单的下拉菜单
- css的继承性
- Css的优先级
- Css的优先级
- Css的优先级
- Css的优先级
- 可否控制<link type=text/css rel=stylesheet href=style.css>
- 让两个<div>在一个<div>里水平显示
- CSS HACK
- 毕设笔记--CSS样式修改
- 前端学习 CSS定位属性整理
- ICON小图标
- 我们平时是怎么写html和css的?
- CSS解构系列之-新浪页面解构-01
- 3. web前端开发分享-css,js提高篇
- web前端开css,js工具篇
- CSS使用技巧
- web前端开发分享-css,js 不错的书籍