position属性
来源:互联网 发布:照片音乐制作软件下载 编辑:程序博客网 时间:2024/05/09 08:17
position是设置元素的定位方式。有四个可选属性。
1.static
(静态定位)是默认值。有关元素将按照它们在标记里出现的先后顺序出现在浏览器窗口里。
2.relative
相对定位,相对于自己的位置偏移。不会影响其他元素的位置、大小的变化。
3.absolute
绝对定位,相对于非static(也就是说是relative/absolute/fixed三者之一)最近的父级元素。
元素的位置可以通过left、right、top、bottom属性来规定。
absolute元素脱离了文档结构。
absolute元素会悬浮在页面上方,会遮挡住下方的页面内容。
查文档看到
- 设置absolute会使得inline元素被“块”化。
- 设置absolute会使得元素已有的float失效。不过float和absolute同时使用的情况不多;
体会不深,希望以后学习中能多注意到。
4.fixed
一般相对于浏览器。
元素的位置可以通过left、right、top、bottom属性来规定。
不论窗口滚动与否,元素都会留在那个位置。
阅读全文
0 0
- Position属性
- position属性
- position属性
- position属性
- position属性:
- position属性
- CSS position 属性
- position属性详解
- CSS background-position 属性
- CSS定位属性Position
- css 之 position属性
- CSS position属性
- position属性:absolute&relative
- css position属性
- css中的position属性
- CSS position 属性
- CSS的position属性
- CSS position 属性
- “Co-Engineered”手机创新模式再颠覆
- element UI 2.0 发布了! 从1.4.8升级到2.0 步骤
- 腾讯推创业服务平台 为400万企业打造标杆级服务闭环
- 360推广联手易车网,发汽车行业报告,深度解读行业“潜规则”
- 用C实现简易版扫雷
- position属性
- 微鲸发布VR战略,又是一个乐视VR?
- 最长子串hdu1503
- 不到1%的电脑VR Ready,PC厂都在干吗?
- web遇到的问题
- 3000亿生态再开放 腾讯未来五年再造一个开放平台
- 腾讯林松涛:驱动全产业开放 再造3000亿创业服务生态
- 本周锋玩:5万小牛路上奔,“新车”添色又瘦身
- 双重曝光和全景自拍 OPPO R9臻美摄像头带来更多玩法