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