jQuery Tree 控件無法置頂顯示的排查：標簽屬性干擾導致的佈局異常

現象

jQuery Tree 組件渲染後，頂部留有大片空白區域，無法貼頂顯示，CSS top:0 無效。

排查過程

1. 檢查容器 position:relative、Tree 容器 position:absolute; top:0 均正確。
2. 使用開發者工具逐層禁用 CSS，發現移除某個父級 div 的 align="center" 屬性後恢復正常。
3. 進一步定位到 Tree 根節點 <ul> 標簽上存在一個非標準屬性（如 data-role="tree" 或某個舊版本兼容屬性），導致瀏覽器渲染引擎產生匿名盒子佔據空間。

解決方案

<!-- 錯誤示例 -->
<ul id="tree" data-role="tree" class="jqtree">...</ul>

<!-- 修正：移除干擾屬性 -->
<ul id="tree" class="jqtree">...</ul>

或在 CSS 中強制重置：#tree { display: block; margin: 0; padding: 0; }。

經驗總結

非標準屬性、舊版框架殘留屬性可能觸發瀏覽器怪異渲染模式，建議定期清理 DOM 屬性，使用 data-* 規範自定義屬性。