css中的定位

定位属性:static,relative,absolute

1.static

默认都是static,可用于清除定位

2.相对定位

以自己的左上角为基点移动位置,原来的位置继续占有,不脱离标准流

3.绝对定位

如果所有的父元素都没有定位(除static外的定位),以document文档为基点,

如果父元素有定位,以父元素左上角为基点。绝对定位脱离了标准流,原来的位置不再占有。

依据最近的,已经定位的祖先为基点定位。

4.fixed

以浏览器窗口左上角为基点,不随文档的滚动改变位置,脱离标准流。

 

一般使用子绝对,父相对定位,如轮播图左右切换的按钮

 

跟浮动一样,元素添加了绝对定位和固定定位之后,元素模式也会转化为行内块元素

因此行内元素添加了绝对定位或固定定位或者浮动后也转化为行内块元素,直接给宽高既可。

posted @   _DC  阅读(205)  评论(0编辑  收藏  举报
编辑推荐:
· 从问题排查到源码分析:ActiveMQ消费端频繁日志刷屏的秘密
· 一次Java后端服务间歇性响应慢的问题排查记录
· dotnet 源代码生成器分析器入门
· ASP.NET Core 模型验证消息的本地化新姿势
· 对象命名为何需要避免'-er'和'-or'后缀
阅读排行:
· “你见过凌晨四点的洛杉矶吗?”--《我们为什么要睡觉》
· 编程神器Trae:当我用上后,才知道自己的创造力被低估了多少
· C# 从零开始使用Layui.Wpf库开发WPF客户端
· C#/.NET/.NET Core技术前沿周刊 | 第 31 期(2025年3.17-3.23)
· 开发的设计和重构,为开发效率服务
点击右上角即可分享
微信分享提示