博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css之定位
阅读量:5073 次
发布时间:2019-06-12

本文共 595 字,大约阅读时间需要 1 分钟。

最近做了几个简单的网页,发现定位真的非常好用,下面我来总结下定位的使用方法。

定位:position

首先我们一起来看看定位的基本思想:它允许你定义的元素框相对于其正常位置应该出现的位置,或者相对于父元素,另一个元素甚至浏览器窗口本身的位置。

定位:绝对定位,相对定位,固定定位。

①position:static
元素框正常生成。块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置于其父元素中。

②position:relative        元素框偏离某个距离。元素仍保持其未定位前的形状,它原本所占的空间仍保留。   用来给元素(标签)进行位置微调,给绝对定位做参考(子绝父相)   相对定位的元素在进行位置移动时,是相对于自己原来的位置进行移动。③position:absolute        主要用来让元素进行“肆无忌惮”的位置移动。   绝对定位的元素进行移动,如果有父元素,那么要看一下父元素本身是否具有定位属性(相对定位/绝对定位/固定定位),如果有,就以当前父元素为参考,如果父元素没有定位属性,那么就继续向上找。    绝对定位可以让网页结构更加的稳定。 ④position:fixed        元素移动参考以浏览器窗口为准。

转载于:https://www.cnblogs.com/czh1994/p/7109476.html

你可能感兴趣的文章
硬件笔记之Thinkpad T470P更换2K屏幕
查看>>
iOS开发——缩放图片
查看>>
HTTP之URL的快捷方式
查看>>
满世界都是图论
查看>>
配置链路聚合中极小错误——失之毫厘谬以千里
查看>>
蓝桥杯-分小组-java
查看>>
Android Toast
查看>>
iOS开发UI篇—Quartz2D使用(绘制基本图形)
查看>>
docker固定IP地址重启不变
查看>>
桌面图标修复||桌面图标不正常
查看>>
JavaScript基础(四)关于对象及JSON
查看>>
JAVA面试常见问题之Redis篇
查看>>
jdk1.8 api 下载
查看>>
getElement的几中属性介绍
查看>>
HTML列表,表格与媒体元素
查看>>
雨林木风 GHOST_XP SP3 快速装机版YN12.08
查看>>
数据结构3——浅谈zkw线段树
查看>>
Introduction to my galaxy engine 2: Depth of field
查看>>
设计器 和后台代码的转换 快捷键
查看>>
STL容器之vector
查看>>