CSS——定位

为什么设置了top和left无效果?

  • 因为没有设置参照物>position

Position属性

  • css定位方式一览,孰优孰劣,冷暖自知
  • 各种定位方法,各显神通
  • 你先我后,层叠模式z-index
  • 绝对和相对定位是好兄弟吗?

 

什么是定位,定位有几种方式
1、相对 相对定位使用示例
2、绝对 绝对定位使用示例
3、固定 固定定位使用示例
4、其他 浮动对定位的影响 > 绝对 > 相对

position

序号 属性 作用
1 relative 相对
2 absolute 绝对
3 static 无定位
4 fixed 固定

相对与绝对的区别

position:relative;
参照物是自己的位置; 不会脱离文档流。
position:absolute;
参照物是父一级元素位置,没有父一级元素位置的话就是body元素,会脱离文档流。


 

人已赞赏
CSS笔记

CSS:一个元素在一个容器中居中的方式

2020-2-5 20:13:22

CSS笔记

相对定位

2020-2-5 20:51:57

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
有新消息 消息中心
搜索