2012-03-23 55 views
1

改變DIV的位置,這是我的html代碼:使用ID在javascript

<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元素的部分一點也不改變其頂部和如果它不是正確的方法那麼如何改變一個元素的位置使用它的類?

回答

1

您需要定義是位置,像這樣:根據您想究竟如何元素定位

position: relative; 

position: absolute; 

。同樣使用.division將定位這兩個元素。

如果你想只定位一個使用以下:

#d1 { ... } 
+0

當然,你將需要刪除「顯示:無」爲它實際上顯示,上述:) – AJReading 2012-03-23 12:40:21

+0

提到:謝謝。如何更改分類內的字體大小 – suraj 2012-03-23 12:46:57

+0

'.division {font-size:14px; }' – AJReading 2012-03-23 14:10:57

1

(假設display:none是jQuery的修改初始設置,例如,否則,你將不會看到元素都沒有。)

你需要明確使用position:relative(或類似的,這取決於其餘您的CSS)讓瀏覽器渲染位置偏移量。

2

display: none將使元素不可見。

試試這個:

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