css之定位

发布时间:2019-03-14 整理:脚本之家 作者:未知
脚本之家收集整理的这篇文章主要介绍了css之定位脚本之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随脚本之家小编过来看看吧!

定位分为4种方式:静态定位,相对定位,绝对定位,固定定位

静态定位:position:static

相对定位:position:relative

  根据自身原来的位置定位,没有脱离标准流

绝对定位:position:absolute

  1.定位的元素没有父元素的情况下,根据浏览器的可视区域定位

  2.定位的元素有父元素,父元素无定位(或父元素有静态定位),根据浏览器可视区域定位

  3.定位的元素有父元素,父元素有定位(非静态),根据父元素定位

固定定位:position:fixed

  根据浏览器可视区域定位,与父元素无关

定位的元素如果要在父元素中垂直水平居中:

  top:50%     margin-top: -(定位元素高度的一半);

  left:50%     margin-left: -(定位元素宽度的一半);

层级:z-index  只能给定位的元素添加  默认值:auto

  数值越大,层级越高,盒子越靠上

总结

以上是脚本之家为你收集整理的css之定位全部内容,希望文章能够帮你解决css之定位所遇到的程序开发问题。

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。

标签: