如何設置容器div的寬度和高度？

Question

我有以下：

<div id="container"> 
    <img src="pic.png"> 
</div> 

這如下的樣式：

#container { 
    height: 50px; 
    width: 50px; 
} 

除此之外，我有一些javascript兩輪牛車以使所述圖像出現在內含div死點設置爲margin-top和margin-left。

當我在Chrome網絡檢查看看這個，很明顯，包含div並不在其母公司的頂部開始。我懷疑圖像是相對於容器div的父級定位的。

這種麻煩的是，我希望div容器成爲點擊事件，如拖動目標。 div只在圖像頂部開始，當我希望它在圖像上方開始時，並將邊距空間作爲容器的一部分包含在內。有什麼建議？

Answer 1

@plalx是您使用了錯誤的選擇，你應該只是這樣做的權利：

#container{ 
    width: 50px; 
    height: 50px; 
    padding: 5px; 
} 

padding是你想找的與做的股利更大然後點擊圖像。 margin決定了網頁上的位置，padding頁面上的決定超出你的height和width屬性空間。

見http://jsfiddle.net/VRJUc/。如果打開元素檢查器（chrome）並查看div的實際大小，則會看到它實際上是60x60，因爲我已經爲每邊添加了填充的5px。