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之定位所遇到的程序开发问题。

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

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:76874919,请注明来意。
标签: