微学网

热门关键词:   as  thinkphp  ecshop  www.ymwears.cn  xxx  商务通
热门: ASP.NET PHP编程 ASP编程 JSP编程 Python

position的四种定位方式:static、fixed、relative、absolute的区别

发布时间:2020-09-24 来源:未知 点击:

position属性用来规定元素的定位类型和方式

①position:static 默认值,没有定位,元素出现在正常的流中;

②position:fixed  固定定位 是相对于浏览器窗口来进行定位;

③position:relative 相对定位  相对于其本身正常位置来进行定位,它原本所占的空间仍保留;

④position:absolute 绝对定位 相对于定位方式不是static的第一个父元素进行定位(往上寻找参照元素,一直到根元素为止,即body),此时元素原先在正常

文档流中所占的空间会关闭,就像元素原来不存在一样,绝对定位后会生成一个块级框,而不管它原先在正常流中是何种类型。


这就是微学网-程序员之家为你提供的"position的四种定位方式:static、fixed、relative、absolute的区别"希望对你有所帮助.本文来自网络,转载请注明出处:http://www.weixuecn.cn/article/14046.html

上一篇:margin-top失效及几种解决办法

下一篇:没有了

网络编程 | 前端制作 | 数据库 | CMS教程 | 脚本编程 | 框架 | 服务器 | 微信开发 | APP开发 |

凡本网站转载的文章、图片等资料的版权归版权所有人所有,因无法和版权所有者一一联系,如果本网站选取的文/图威胁到您的权益,请您及时和本网站联系。 我们会在第一时间内采取措施,避免给双方造 成不必要的损失。
© 2015-2018 微学网 版权所有,并保留所有权利。 备案号:粤ICP备09051474号-1

电脑版 | 移动版