css top不起作用是因为“position”属性的值为“static”，那么设置“top”属性就不会产生任何效果，其解决办法就是确保position属性的值为absolute或者relative即可。
本文操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。
css中top属性不起作用的解决：
在CSS的定位中，有时使用top属性进行偏移时，却发现top属性不起作用，这是为什么？怎么解决？下面本篇文章就来给大家介绍一下，希望对大家有所帮助。
首先我们来了解一些top属性：
立即学习“前端免费学习笔记（深入）”；
css中top属性规定元素的顶部边缘。该属性定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移。
为什么top属性会不起作用？要怎么解决？
top属性指的是距最近的一个position属性为relative或者absolute的父级元素的左边或上边的距离，所以当 “position” 属性的值为 “static”，那么设置 “top” 属性就不会产生任何效果。
top属性不起作用的解决方法：确保position属性的值为absolute或者relative。
【推荐学习：css视频教程】
以上就是css top不起作用怎么办的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2952430.html
