Question

这是我的HTML代码：

 <div id="d1" class="division">
    <input type="button" value="one" class="division">
    </div>

    <div id="d2" class="division">
    <input type="button" value="two" class="division">
    </div>

这是我的css代码

.division
        {
         top:50px;
         left:100px;
         display: none;
        }

但是我的div元素部分根本没有改变它的顶部和左侧位置。如果它不是正确的方法那么如何使用它的类来改变元素的位置？

Answer 1

display: none会使元素不可见。

请改为尝试：

.division
{
  top:50px;
  left:100px;
  position: relative;
}

Answer 2

（假设display:none是由jQuery修改的初始设置。否则，您将根本看不到该元素。）

您需要明确使用position:relative（或类似的，具体取决于CSS的其余部分），以便浏览器呈现位置偏移。

Answer 3

你需要像这样定义is position：

position: relative;

或

position: absolute;

取决于您想要如何定位元素。同样使用.division将定位两个元素。

如果您只想定位一个，请使用以下内容：

#d1 { ... }

在javascript中使用其ID更改div的位置

3 个答案: