<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<title>浮动</title>
<script src="Public/js/jquery-1.3.2.min.js" type="text/javascript"></script>
<style>
body{ margin:0; padding:0; }
.main{ width:550px; height:1023px; margin:400px auto 0; background:#000; position:relative; color:#fff;}
.a{ position:absolute; width:200px; right:0; background:red; z-index: 300;}
</style>
</head>
<body>
<div class="main" id="brand">
big
<div class="a" id="STATICMENU">这个是要漂浮在.main这个div里的块</div>
</div>
</body>
</html>

解决方案 »

  1.   

    搞了半天,没搞出来。继续求救。这段js代码,在没有加“<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">”可以实现,加上了,就反应了。
     
            var stmnLEFT = 0; // 内容靠左边距离 
            var stmnGAP1 = 292; //  内容距离顶部值
            var stmnGAP2 = 100; //  内容移动后距离顶部值
            var stmnBASE = 346; // 加载时距离顶部值 
            var stmnActivateSpeed = 10; // 加速度 
            var stmnScrollSpeed = 10; // 速度 
            function RefreshStaticMenu() 
            { 
                    var stmnStartPoint, stmnEndPoint, stmnRefreshTimer;                 stmnStartPoint = parseInt(STATICMENU.style.top, 10); 
                    stmnEndPoint = document.body.scrollTop + stmnGAP2; 
                    if (stmnEndPoint < stmnGAP1) stmnEndPoint = stmnGAP1;                 if ( stmnStartPoint != stmnEndPoint ) { 
                            stmnScrollAmount = Math.ceil( Math.abs( stmnEndPoint - stmnStartPoint ) / 15 ); 
                            STATICMENU.style.top = parseInt(STATICMENU.style.top, 10) + ( ( stmnEndPoint<stmnStartPoint ) ? -stmnScrollAmount : stmnScrollAmount ); 
                            stmnRefreshTimer = stmnScrollSpeed; 
                    } 
                                            else { 
                            stmnRefreshTimer = stmnActivateSpeed; 
                    }                 setTimeout ("RefreshStaticMenu();", stmnRefreshTimer); 
            }           function InitializeStaticMenu() 
            { 
                    STATICMENU.style.top = document.body.scrollTop + stmnBASE; 
                    RefreshStaticMenu(); 
                  //  STATICMENU.style.left = stmnLEFT; 
            }