jQuery的css方法統一了兩種寫法，直接使用float屬性即可，如下css方法中傳參數“float”即可以設置也可以獲取元素的float。
代碼如下:
<div id="d1">float div</div>
<script type="text/javascript">
$('#d1').css('float', 'right');
var str = $('#d1').css('float');
alert(str);
</script>
但jQuery非要自作聰明，加上對cssFloat和styleFloat的支持，見API文檔，比如獲取元素的float屬性時，以下是等價的。
1 $('div.left').css('float');
2 $('div.left').css('cssFloat');
3 $('div.left').css('styleFloat');
但方式3在各個浏覽器中返回值不同，比如使用styleFloat獲取浮動
代碼如下:
<div id="d1">float div</div>
<script type="text/javascript">
alert($('#d1').css('styleFloat'));
</script>
元素div沒有設置浮動，因此默認應該返回“none”。但結果是
IE6/7/8 : 返回空字符串"none"
IE9/Firefox/Safari/Chrome/Opera : 返回空字符串
又如使用cssFloat設置浮動：
代碼如下:
<div id="d1">float div</div>
<script type="text/javascript">
$('#d1').css('cssFloat', 'right');
</script>
IE6/7/8：設置未成功
IE9/10/Firefox/Safari/Chrome/Opera：設置成功
又如使用styleFloat設置浮動：
代碼如下:
<div id="d1">float div</div>
<script type="text/javascript">
$('#d1').css('styleFloat', 'right');
</script>
IE6/7/8/9/10/Opera：設置成功（Opera是個怪胎，styleFloat和cssFloat都支持）
Firefox/Safari/Chrome：設置不成功
因此，使用css方法獲取或設置浮動時為避免各浏覽器差異還是老老實實的使用float。不要使用styleFloat或cssFloat。
當然如果這算jQuery的bug，那麼修復也是很容易的
1，修改jQuery.css方法，加個styleFloat的判斷。
代碼如下:
// cssFloat needs a special treatment
if ( name === "cssFloat" || name === "styleFloat") {
name = "float";
}
這樣使用$(xx).css("styleFloat") 就沒有兼容性問題了。
2，修改jQuery.style方法，加個判斷如果傳styleFloat或cssFloat都轉成float
代碼如下:
// Don't set styles on text and comment nodes
if ( !elem || elem.nodeType === 3 || elem.nodeType === 8 || !elem.style ) {
return;
}
// 這是加的修復代碼
if( name === "cssFloat" || name === "styleFloat" ) {
name = "float"
}
// Make sure that we're working with the right name
var ret, type, origName = jQuery.camelCase( name ),
style = elem.style, hooks = jQuery.cssHooks[ origName ];
這樣使用$(xx).css("cssFloat", "right") 或 $(xx).css("styleFloat", "right") 各浏覽器就都ok了。