我如何使用填充進行校準

Question

我正在嘗試使用元素的高度進行一些計算，並且需要考慮元素的填充因子。

var element_top = $(".box").position().top; 
var element_height = $(".box").height(); 
var element_padding = $(".box").css("padding"); 

前兩個給我的數字我可以用戶進行加減，但填充給我加上了8px ...任何想法......我想使用填充從高度subract得到從盒子元素的實際高度

Answer 1

你可以只使用outerHeight()並跳過需要執行計算自己：

var height = $('.box').outerHeight(true); 
//the true argument includes margins in the calculation 

單一數值（填充，保證金等） parseInt方法是我經常使用的方法，正如已經提出的那樣。

Answer 2

您可以使用下面的代碼，但如果最好的做法是使用下面的代碼。

var element_padding = parseInt($(".box").css("padding")); 

Answer 3

您可以直接刪除從元素填充這樣的像素：

element-padding.replace("px", ""); 

希望它可以幫助..

Answer 4

除非你要求你不會得到實際的填充值了方向具體。

你應該去：

var element_padding = parseInt($(".box").css("padding-top"), 10);