在頁面使用多個浮動div的時候（尤其在動態(tài)生成的列表中），如果恰好碰上旁邊有個select，那是一件很煩惱的事（IE6下比較耀眼的特點(diǎn)，IE7和FF就沒有）——浮動div會給select遮蓋了。
      解決方法很簡單
      先在頁面任意位置放置一個空的隱藏iframe
      <iframe id="iFrm" style="position:absolute;z-index:1;display:none;" frameborder="0" />
      然后在文件頭的js里面，將這個iframe的高度、寬度、OffsetTop、OffsetLeft設(shè)置得和div的一樣，
      這樣，iframe就會作為div的底部（當(dāng)然，div的z-index屬性要設(shè)置得比iframe要高），而浮動div就不會被select給遮蓋了

        function showCabinListPanel(obj, Id) {
            $(".CabinListPanel").hide();
            var clp = $("#" + Id);
            var CLP_Offset = document.getElementById(Id);
            var e = $(obj);
            var Frm = document.getElementById("iFrm");
           
            CLP_Offset.style.top = e.offset().top + e.height();
            CLP_Offset.style.left = e.offset().left + e.width() - $(CLP_Offset).width() + 3;
            Frm.style.top = CLP_Offset.style.top;
            Frm.style.left = CLP_Offset.style.left;
            $(Frm).width(clp.width());
            $(Frm).height(clp.height() + 2);

            clp.css("position", "absolute");
            clp.show();
            $(Frm).show();

• div
• 浮動