html - CSS 元素不会移动

标签 html css testing

<分区>

我正在尝试制作平台游戏。我目前正在进行碰撞检测。我搭建了一个测试平台。但是,即使我尝试将它设置在一个好的测试位置,它也不会移动。我已经尝试将对象的 position 属性设置为 position: absolute;,但它没有改变。这是我的 HTML:

<img src="test.png" alt="move" id="p1" class="platforms">

CSS:

#p1 {
    visibility: visible;
    position: absolute;
    z-index: 4;
    left: 190;
    bottom: 300;
}

最佳答案

我认为查看此 img 元素包含的内容会很有帮助。

通常,当使用absolute 定位的元素没有按预期移动时,检查父元素是否使用relative 定位会有所帮助。

关于html - CSS 元素不会移动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58844519/

上一篇:css - 输入字段未调整为 div 宽度

下一篇:css - 使用 typescript 应用 css 网格样式在 IE 中不起作用。浏览器

相关文章:

jquery - 如何反转 JQuery 动画

css - 使用 CSS 创建复杂的 div 结构

java - Spring 测试 - WebTestClient 无法 Autowiring 。未找到 'WebTestClient' 类型的 beans

ruby-on-rails - 测试评论 Controller 。规范

javascript - PhoneGap 应用程序中的 FaceBook 集成

javascript - textContent 返回未定义

css - Ruby on Rails - 覆盖 application.css

javascript - 如何使用按钮在 1 个表单中包含 2 个目的地并获取 POST

html - 不知道如何执行想法 : Runic Chart (HTML, CSS)

ios - 使用 waitForExpectations 时的 API 冲突