CSS中的三种常用定位
2024-10-14 14:52:58
一、相对定位(position:relative)
如果想让一个元素在本来的位置进行一个位移,可以将该元素的定位设置为relative,同时指定相对位移(利用top,bottom,left,right).需要注意的是,元素仍然在文档流中,占据着它本来的位置空间.
二、绝对定位(position:absolute)
想让一个元素在文档中的指定位置,可以使用absolute来定位,将该元素的position设置为absolute，同时使用top,bottom,left,right来定位.绝对定位的元素位置是相对于距离它最近的那个已定位的父级(相对/绝对)元素决定的.如果没有父级元素,则根据body来进行定位,与相对定位相反,绝对定位不占据空间,从文档流中删除.
三、固定定位(position:fixed)
固定定位使用fixed属性,它会相对于整个文档定位,我们可以轻松的让一个元素定位在浏览器的左上,右上等方位.比如说想让一个div固定在右上方,使用以下代码
.odiv{ position:fixed; top:2%; right:2%;}
最新文章
- Atitit 编程语言编程方法的进化演进 sp  COP ,AOP ,SOP
- 无法执行 FunctionImport“entitys.xx”,因为未将它映射到存储函数。EF
- Spring @Scheduled应用解析
- LA 4287
- Ubuntu消息菜单(MessagingMenu)API
- unity3d教程资源
- SQL索引问题
- 第 4 章 多例模式【Multition Pattern】
- mysql的client和sever之间通信password的传输方式
- APIO 2013
- [BZOJ]1019 汉诺塔(SHOI2008)
- 1085. Perfect Sequence (25) -二分查找
- UnicodeEncodeError: 'ascii' codec can't encode character...的解决方法
- day11 函数的参数列表
- 文件访问时间简记（Modify time 和 Change time）
- 集成腾讯位置服务到webapi
- JavaScript lastIndexOf() 方法
- maven的父工程中添加子工程
- linux文件经 windows系统 之后出现 权限缺失 的解决方法
- ClamAV学习【4】——cli_magic_scandesc函数浏览