position 定位
来源:互联网 发布:连衣裙 知乎 编辑:程序博客网 时间:2024/05/16 14:19
position规定元素的定位类型,即元素脱离文档流的布局,在页面的任意位置显示,
主要值:
relative:相对定位:不脱离文档流的布局,只改变自身的位置,在文档流原先的位置留下空白区域,定位的起始位置为此元素原来在文档流的位置。
absolute:绝对定位,脱离文档流的布局,留下的空间由后面的元素填充,定位的起始为最近的父元素,否则为body文档本身,
fixed:固定定位,不随着页面滚动条的移动而改变位置。
static:默认
1:
辅助属性:
left:表示向元素的左边插入多少像素,使元素向右移动多少像素。
right:表示向元素的右边插入多少像素,使元素向左移动多少像素,
top:表示向元素的上方插入多少像素,使元素向下移动多少像素。
bottom:表示向元素的下方插入多少像素,使元素向上移动多少像素。
注:上面属性的值是正,可以为负,单位:px
2:属性值含有absolute和relative值时,浏览器缩小到此元素不可见时,会出现滚动条,
3:属性fixed,浏览器缩小到些元素不可见时,不会出现滚动条。
主要值:
relative:相对定位:不脱离文档流的布局,只改变自身的位置,在文档流原先的位置留下空白区域,定位的起始位置为此元素原来在文档流的位置。
absolute:绝对定位,脱离文档流的布局,留下的空间由后面的元素填充,定位的起始为最近的父元素,否则为body文档本身,
fixed:固定定位,不随着页面滚动条的移动而改变位置。
static:默认
1:
辅助属性:
left:表示向元素的左边插入多少像素,使元素向右移动多少像素。
right:表示向元素的右边插入多少像素,使元素向左移动多少像素,
top:表示向元素的上方插入多少像素,使元素向下移动多少像素。
bottom:表示向元素的下方插入多少像素,使元素向上移动多少像素。
注:上面属性的值是正,可以为负,单位:px
2:属性值含有absolute和relative值时,浏览器缩小到此元素不可见时,会出现滚动条,
3:属性fixed,浏览器缩小到些元素不可见时,不会出现滚动条。
0 0
- position定位
- position定位
- position定位
- position定位
- position定位
- position定位
- position定位
- position定位
- position 定位
- 定位 position
- 定位 position
- position定位
- position定位
- position定位
- position 定位
- 定位position
- 定位:position
- position定位
- SwaggerUI ASP.Net WebAPI2
- java中StringBuffer StringBuild 和String的区别
- Cannot create a secure XMLInputFactory --CXF调用出错
- 面向对象设计原则(二):开放-封闭原则(OCP)
- 算法提高 01背包
- position 定位
- 末尾0的个数
- 使用Android Studio的小技巧
- fopen()函数
- 使用IntelliJ IDEA和Maven创建Java Web项目
- 使用Executor接口(1)
- Codeforces Round #400 C. Molly's Chemicals
- Java 加解密类的功能用法介绍及实际项目中数据加密解密的解决办法
- UVA 11988 Broken Keyboard 【链表】