最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501
当前位置: 首页 - 科技 - 知识百科 - 正文

关于CSS的相对定位与绝对定位介绍

来源:懂视网 责编:小采 时间:2020-11-27 18:51:26
文档

关于CSS的相对定位与绝对定位介绍

关于CSS的相对定位与绝对定位介绍:1.一般如果我们不给元素设置position,则默认为static,此时是该元素是没有定位的,像left/right这些偏移属性都是没有效果的。 2.position:relative (相对定位) 若设置为相对定位,即可配置left/right这些偏移,相对于该元素原有位置进行偏移,并且,原
推荐度:
导读关于CSS的相对定位与绝对定位介绍:1.一般如果我们不给元素设置position,则默认为static,此时是该元素是没有定位的,像left/right这些偏移属性都是没有效果的。 2.position:relative (相对定位) 若设置为相对定位,即可配置left/right这些偏移,相对于该元素原有位置进行偏移,并且,原

1.一般如果我们不给元素设置position,则默认为static,此时是该元素是没有定位的,像left/right这些偏移属性都是没有效果的。

2.position:relative (相对定位)

若设置为相对定位,即可配置left/right这些偏移,相对于该元素原有位置进行偏移,并且,原有位置任占据着文档流的空间,偏移并不会挤开别的元素,所以如果发生重叠,可以通过z-index设置堆叠顺序。

3.position:absolute(绝对定位)

当一个元素设置为绝对定位的时候,在文档流中是不占据空间的,会上浮。与相对定位不同的是绝对定位会删除文档流中原有位置的空间,定位则是通过不为static的父元素来定位(若父元素为static,则则找父元素的父元素,往上级找)。

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文档

关于CSS的相对定位与绝对定位介绍

关于CSS的相对定位与绝对定位介绍:1.一般如果我们不给元素设置position,则默认为static,此时是该元素是没有定位的,像left/right这些偏移属性都是没有效果的。 2.position:relative (相对定位) 若设置为相对定位,即可配置left/right这些偏移,相对于该元素原有位置进行偏移,并且,原
推荐度:
标签: 定位 介绍 相对
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top