webkit上取得margin-right异常的有关问题

webkit下取得margin-right错误的问题

在做一个SplitPanel的功能的时候，在IE和FF下运行正常，但是在Chrome下运行效果很诡异。

经过调试，发现是在webkit下取得dom元素margin-right的时候取值错误，google一番，找到下面几个结果：

?

https://mootools.lighthouseapp.com/projects/2706/tickets/703-getcomputedstyle-and-margin-right-in-webkithttps://bugs.webkit.org/show_bug.cgi?id=13343

?

看来这是webkit本身的一个bug，从07年report，到现在依然没有fix掉。

?

经过第一个链接的提示，把getStyle方法重构成如下代码：

function getStyle(element, styleName){    var el = DomHelper.get(element);    if (!el || !styleName) return null;    styleName = blade.String.toCamel(styleName);    if (styleName == "float") {        styleName = "cssFloat";    }    var display, mr = false;    try {        if(styleName == "marginRight"){            mr = true;            display = el.style.display;            el.style.display = "inline-block";        }        var computed = document.defaultView.getComputedStyle(el, '');        return el.style[styleName] || computed ? computed[styleName] : null;    } catch(e) {        return el.style[styleName];    } finally{        if(mr){            el.style.display = display;        }    }}

?

?

Ok，问题暂时解决，至此结束。