空div在CONTENTEDITABLE IFRAME在IE9

Question

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 

<iframe id="rte" style="width: 600px; height:300px"></iframe> 

<script type='text/javascript'> 

    $(document).ready(function() { 
    $('#rte').contents().find('body').prop('contentEditable', true); 
    $('#rte').contents().find('body').html('123<div></div>456'); 
    }); 

</script>​ 

http://jsfiddle.net/JsjCJ/

這使得在IE7，IE8，火狐，Chrome：

123 
456 

但它成爲IE9：

123 

456 

有沒有辦法解決這個錯誤？

Answer 1

您是否嘗試過申請css屬性div{height:auto;margin:0px;padding:0px;}。如果這還不能解決問題，請嘗試向中間元素應用邊框，並檢查它是否確實有一些默認高度分配給<div>元素

希望這有助於！