position:relative 让对应的元素相对于它的原始起点进行移动,请问这个原始起点如何确定

eisldkw 2021-02-22 01:57:09
position:relative 的解释中 让对应的元素相对于它的原始起点进行移动,请问这个原始起点如何确定
...全文
364 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
葉幺 2021-02-23
  • 打赏
  • 举报
回复
引用 5 楼 eisldkw 的回复:
[quote=引用 1 楼 葉幺 的回复:]absolute 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 fixed 生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 relative 生成相对定位的元素,相对于其正常位置进行定位。因此,"left:20" 会向元素的 LEFT 位置添加 20 像素。 static 默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。 可以查看 https://www.w3school.com.cn/cssref/pr_class_position.asp 正常我们使用position:relative 时都会对其子元素添加absolute进行定位,不然一般来说不会写relative
非常感谢。还有一个问题,流中的各元素,如何确定自己的位置,是依次往右排吗,如果是依次往右排,相信的两个元素两个相邻的边之间的间隔是0PX还是有默认的比如10PX? [/quote] 你的div(position:relative)位置在哪里默认位置就在哪里 你要移动就在当前位置网上下左右移动
chenrynet 2021-02-23
  • 打赏
  • 举报
回复
默认position在哪儿 就是哪儿
前端人丶 2021-02-22
  • 打赏
  • 举报
回复
相邻间隔不同标签是有默认距离的 一般是要初始化下的 这个你可以查查资料 http://www.mamicode.com/info-detail-1906300.html
eisldkw 2021-02-22
  • 打赏
  • 举报
回复
引用 1 楼 葉幺 的回复:
absolute 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 fixed 生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 relative 生成相对定位的元素,相对于其正常位置进行定位。因此,"left:20" 会向元素的 LEFT 位置添加 20 像素。 static 默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。 可以查看 https://www.w3school.com.cn/cssref/pr_class_position.asp 正常我们使用position:relative 时都会对其子元素添加absolute进行定位,不然一般来说不会写relative
非常感谢。还有一个问题,流中的各元素,如何确定自己的位置,是依次往右排吗,如果是依次往右排,相信的两个元素两个相邻的边之间的间隔是0PX还是有默认的比如10PX?
eisldkw 2021-02-22
  • 打赏
  • 举报
回复
引用 1 楼 葉幺 的回复:
absolute 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 fixed 生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 relative 生成相对定位的元素,相对于其正常位置进行定位。因此,"left:20" 会向元素的 LEFT 位置添加 20 像素。 static 默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。 可以查看 https://www.w3school.com.cn/cssref/pr_class_position.asp 正常我们使用position:relative 时都会对其子元素添加absolute进行定位,不然一般来说不会写relative
非常感谢。请问,它的原始起点谁来给它确定?
eisldkw 2021-02-22
  • 打赏
  • 举报
回复
引用 2 楼 Stephen_112 的回复:
就是没有这个样式的时候它在哪,哪就是原始起点
非常感谢。它的原始起点谁来给它确定?
Stephen_112 2021-02-22
  • 打赏
  • 举报
回复
就是没有这个样式的时候它在哪,哪就是原始起点
葉幺 2021-02-22
  • 打赏
  • 举报
回复
absolute 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 fixed 生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 relative 生成相对定位的元素,相对于其正常位置进行定位。因此,"left:20" 会向元素的 LEFT 位置添加 20 像素。 static 默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。 可以查看 https://www.w3school.com.cn/cssref/pr_class_position.asp 正常我们使用position:relative 时都会对其子元素添加absolute进行定位,不然一般来说不会写relative

87,921

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧