关于div结合jQuery下拉后，如何使得下方的div不会随上面的div下拉而发生变化_html/css_WEB-ITnose

HTML jQuery

nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">     * { margin:0; padding:0;}.dl_b{margin:0; padding:15px;height:10px;background:#0099ff}.c{width:100px;height:30px}.panel{width:100%;height:300px;background:#8080c0}      
   登录/注册
  



  用户名：
  密  码：
  
登录后复制  
     用户名 ：
密    码：
密码确认：

  
登录后复制
     如何让这部分不会随上面下拉而变化。          $(document).ready(function(){$("#dlzc").click(function(){    $("#panel").slideToggle("slow");  });});   
 =============  
 代码如上，求大神指点，如何设置才能获得我所期望的效果。  
回复讨论(解决方案)
nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">         * { margin:0; padding:0;}    .dl_b{margin:0; padding:15px;height:10px;background:#0099ff}    .c{width:100px;height:30px}    .panel{width:100%;height:300px;background:#8080c0}          
   登录/注册
    
    
              
        
        
        
          用户名：
          密  码：
          
        
登录后复制登录后复制登录后复制                      
        
    
                                         用户名 ：
                        密    码：
                        密码确认：
                        
                  
登录后复制登录后复制登录后复制登录后复制            
                 如何让这部分不会随上面下拉而变化。          $(document).ready(function(){$("#dlzc").click(function(){    $("#panel").slideToggle("slow");  });});   
 这个意思？  
 使用定位  
nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">         * { margin:0; padding:0;}    .dl_b{margin:0; padding:15px;height:10px;background:#0099ff}    .c{width:100px;height:30px}    .panel{width:100%;height:300px;background:#8080c0}          
   登录/注册
    
    
              
        
        
        
          用户名：
          密  码：
          
        
登录后复制登录后复制登录后复制                      
        
    
                                         用户名 ：
                        密    码：
                        密码确认：
                        
                  
登录后复制登录后复制登录后复制登录后复制            
                 如何让这部分不会随上面下拉而变化。          $(document).ready(function(){$("#dlzc").click(function(){    $("#panel").slideToggle("slow");  });});   
 这个意思？  
 使用定位 定位我用过，关键是上面div下拉后2个div内容重合了，能不能让下拉的div浮于它的上层。http://www.m1905.com/像这个网站的左上方一样。  
nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">         * { margin:0; padding:0;}    .dl_b{margin:0; padding:15px;height:10px;background:#0099ff}    .c{width:100px;height:30px}    .panel{width:100%;height:300px;background:#8080c0}          
   登录/注册
    
    
              
        
        
        
          用户名：
          密  码：
          
        
登录后复制登录后复制登录后复制                      
        
    
                                         用户名 ：
                        密    码：
                        密码确认：
                        
                  
登录后复制登录后复制登录后复制登录后复制            
                 如何让这部分不会随上面下拉而变化。          $(document).ready(function(){$("#dlzc").click(function(){    $("#panel").slideToggle("slow");  });});   
 这个意思？  
 使用定位 定位我用过，关键是上面div下拉后2个div内容重合了，能不能让下拉的div浮于它的上层。http://www.m1905.com/像这个网站的左上方一样。  
 你是定位没有用好吧？要实现下拉div浮于上层就是得用定位。先相对定位，再绝对定位。绝对定位那里不要忘记加z-index属性。网上很多相关特效啊。你也可以去了解一下定位到底怎么使用  
nbsp;html>           * { margin:0; padding:0;}    .dl_b{margin:0; padding:15px;height:10px;background:#0099ff}    .c{width:100px;height:30px}    .panel{width:100%;height:300px;background:#8080c0; position:absolute; z-index:999;}          
   登录/注册
    
    
    
              
        
        
        
          用户名：
          密  码：
          
        
登录后复制                      
        
    
                                         用户名 ：
                        密    码：
                        密码确认：
                        
                  
登录后复制登录后复制登录后复制登录后复制            
                 如何让这部分不会随上面下拉而变化。          $(document).ready(function(){$("#dlzc").click(function(){    $("#panel").slideToggle("slow");  });});   
 我随便定义了一下，没有给你进行规范的css编写。在IE6下无用，因为IE6不支持fixed属性。想支持IE6，单纯的css已经实现不了了。