• 客服QQ:1193846053   微信:suyoufuwu   联系电话:13080553467     

CSS绝对定位与相对定位区别?position用法

速优网络(10年经验),服务数万家企业,固定透明报价。域名注册、主机/服务器、网站源码一站式服务。实体公司,专业团队,值得选择!建站业务:企业网站建设、公司官网制作、外贸网站建设、网站仿制、网站复制、仿站、外贸建站、单页扒站 客服微信【suyoufuwu】


                         

相对定位(relative)是指在其正常的位置上偏移;使用相对定位时,移动后,它原来占的位置不会被其它元素占用。

相对定位的语法:

div{position:relative;top:10px;right:10px;left:10px;bottom:10px}

 

绝对定位是(absolute)指相对于父元素来进行top,left,bottom,right进行偏移。使用absolute绝对定位时,父元素必须有position属性,如果没有,就相对于父的父元素。谁有position属性就相对于谁,都没有就相对于body。

举个简单的例子:绝对定位相当于一个飞机飞在父元素的上空,它不占父元素的位置。

绝对定位的语法:

div{position:absolute;top:10px;right:10px;bottom:10px;left:10px;}

 

绝对定位的上下问题:

如果有二个元素都使用了绝对定位,哪个元素在前面,它的位置就是下面,后面的元素位置在上面。如果要控制位置,就需要使用z-index属性,越大越在上面。

                         


以上就是速优网络和大家分享的"CSS绝对定位与相对定位区别?position用法",非常感谢您有耐心的读完这篇文章,我们将为您提供更多参考使用或学习交流的信息。我们还可为您提供:企业网站建设、网站仿制、网站复制、仿站、外贸网站建设、外贸建站、公司官网制作等服务,本公司以“诚信、专业、务实、创新”的服务理念服务于客户。如您需要合作,请扫码咨询,我们将诚挚为您服务。

TAG标签:

全国分站

全国分站