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

时间:2012-03-23 12:35:52

标签: html css

这是我的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元素部分根本没有改变它的顶部和左侧位置。如果它不是正确的方法那么如何使用它的类来改变元素的位置?

3 个答案:

答案 0 :(得分:2)

display: none会使元素不可见。

请改为尝试:

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

答案 1 :(得分:1)

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

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

答案 2 :(得分:1)

你需要像这样定义is position:

position: relative;

position: absolute;

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

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

#d1 { ... }