我如何使用填充进行校准

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);