position属性可将元素以static(静态)、relative(相对)、absolute(绝对)、fixed(固定)的方式来安置。position属性无继承性。Possible Values 可能用到的值staticThe element is placed in a normal position (according to the normal flow). With the value of "static" we do not use the "left" and "top" properties元素以正常的形式形式来安置(以正常下垂的形式)。使用了static值我们就无法使用"left"以及"top"属性 relative Moves an element relative to its normal position, so "left:20" adds 20 pixels to the element's LEFT position相对元素原本的位置来对它进行移动,因此"left:20"就会将元素的左定位增加20象素距。relative是相对定位,它的参照点是该元素本来应该在要位置。比如说网页上并排放A B C这三个元素,如果给B设的css style是position为relative,且给一个正的left值的话,那么B就可以显示在C的右边了。relative的这种定位比较怪,原来一直以为是相对别的什么东西定位的,昨天才知道是错的。由于“该元素本来应该在要位置”在设计网页的时侯不好琢磨,故relative方式是并不好用的方式,搞不好就会把网页搞乱。absoluteWith a value of "absolute" the element can be placed anywhere on a page. The element's position is specified with the "left", "top", "right", and "bottom" properties使用"absolute"值可以让元素放到页面的任何一个位置。元素的定位完全依赖"left","top","right"以及"bottom"的指定。absolute是绝对定位,即当前元素的坐标是相对其上一级的左上角来表示的。这个上一级是整个page,或是嵌套在外层的一个DIV。而表格中的TD等元素不会成为上一层,也就是说想以当前单元格的左上角为参照,absolute地定位是不可以的。
CSS2.0  position属性
来源:互联网 发布日期:2016-03-25 16:35:31 浏览:2486次
相关内容
- 台地震影响全球半导体格局?分析称可能会让供应链多元化呼声更强烈
- 马斯克脑机接口再造奇迹:瘫痪小伙意念玩赛车击败正常人
- 豪赌AI芯片!孙正义被曝筹资1000亿美元,要抗衡英伟达?
- 奥特曼造芯、Sora炸场与英伟达RTX——AI关键词:“大力出奇迹”
- 除了7万亿美元,奥特曼重塑芯片业的雄心还面临三大挑战
- 调查:AMD AI芯片 Instinct MI300X 吸引大量用户弃用英伟达
- 可控核聚变公司MIFTI实现1500亿个中子产量,助力生产可持续清洁能源
- 英特尔甩出全新AI训练芯片!跑千亿大模型速度超H200,罕见披露AI浮点性能
- 继OpenAI之后,微软“鲸吞”288亿估值的全球第四大AIGC独角兽
- 纳米缝合让复合材料更轻更坚韧
AiLab云推荐
最新资讯
- 纳米缝合让复合材料更轻更坚韧
- Meta全新自研AI芯片曝光:性能相比MTIA v1提升了3倍!
- M4芯片将专注于AI!苹果据称拟全面升级Mac产品线,股价涨超4%
- 英特尔甩出全新AI训练芯片!跑千亿大模型速度超H200,罕见披露AI浮点性能
- 英特尔突袭英伟达H100,新AI芯片训练快40%,推理快50%,CEO蹦迪庆祝
- 对话东方晶源:打造中国芯片制造的GoldenFlow
- 一颗改变了世界的芯片
- 英特尔展示多模块芯片,预计为 Gaudi 3 人工智能加速器
- 台地震影响全球半导体格局?分析称可能会让供应链多元化呼声更强烈
- 三星 Exynos 2500 芯片再爆料:加码NPU芯片,构建更丰富 AI 体验
本月热点
热门排行
-
ChatGPT 设计了一款芯片
阅读量:194544
-
2023年全球风投额创5年最低,机构:今年会有更多创业公司倒闭
阅读量:193736
-
计算效率提升超60倍!中国公司杉数科技用GPU芯片开启运筹学新的“大航海时代”|钛媒体焦点
阅读量:190109
-
2023,AI创业者的50条反思
阅读量:101744
-
专访清华大学脑机接口科研团队负责人:中美“脑机接口”下一突破是什么?
阅读量:62517
-
2024,AI芯片之争加剧
阅读量:23751