【问题标题】:I am not able to move a Button (HTML & CSS) [duplicate]我无法移动按钮(HTML 和 CSS)[重复]
【发布时间】:2016-11-08 03:30:55
【问题描述】:

所以我最近一直在编写游戏(游戏 agar.io 的克隆),我遇到了无法移动按钮的问题。它卡住了,即使添加 left: X;和顶部:X;我已经搜索了很多地方以进行修复,但找不到任何东西。 代码如下:

<button style="width: 15%;float: left !important; left: 10px; and top: 10px;" onclick="document.getElementById('id01').style.display='block'" class="btn btn-success">Select Skin <i class="fui-user"></i></button>

谢谢,如果有点不清楚,抱歉。

【问题讨论】:

  • 你需要position: absolute,而不是float: left
  • left/right:xx 沿 position:relative/absolute/fixed 工作(最终是粘性的),但不适用于作为默认值的 static ;)
  • 非常感谢,成功了!
  • 这是一个问答网站。我认为标题或描述中必须至少有一个问号。

标签: html css button


【解决方案1】:

您正在使用的box offset 属性(left 等)仅适用于定位元素。

这些元素的position 属性设置为static 以外的值,但static 是默认值,您没有更改它。

absolute, fixed, and relative

【讨论】:

  • 如果这回答了您的问题,请继续并单击投票区域下方的绿色复选标记(问题左侧的数字)。这会将其标记为“已回答”,给 Quentin 15 个代表,给你 2 个代表,并让其他用户知道问题已得到解决。
猜你喜欢
  • 2017-10-17
  • 2015-01-21
  • 1970-01-01
  • 1970-01-01
  • 2018-04-07
  • 1970-01-01
  • 2017-03-15
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多