简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - Parent sets relative positioning. Child elements are set to absolute positioning. The child element contains a floating table, and the height cannot be adapted at this time.
仅有的幸福
仅有的幸福 2017-07-05 10:48:58
0
2
787

1, implement carousel on table, so float is used, and tr in each table is different. The height changes with the table. The parent uses overflow:hidden and is relatively positioned. Please tell me how to achieve high adaptability.

2. How to get the height of the currently displayed table during carousel? ? ?

.aircontent{ position: relative; width: 980px; min-height: 580px; overflow: hidden; } .airlist{ position: absolute; width: 2940px; } .airlist table{ float: left; width: 980px; } 
 
 

      

       仅有的幸福
       

        仅有的幸福
        

       

      

      

       

       

        

         
        

       

      

     

      

       

        reply all
        (2)
       

       
       
      

      

      

       为情所困
       

        

         

          为情所困2017-07-05 10:50:58
          2 floor
         

         

          
It can be solved with JS.

         

         

          
          Like+0
          

           Add Reply
           
          

         

         
         

          
    
         
    
        
    
       
    
      
    
      
    
      
    
       phpcn_u1582
       
    
        
    
         
    
          phpcn_u15822017-07-05 10:50:58
          1 floor
         
    
         
    
          
    .....You have already positioned it absolutely and naturally you cannot get the height.
    The suggestion is still $('.aircontent')css({aircontent:$('.airlist').height() + 'px'}):
    
         
    
         
    
          
          Like+0
          
    
           Add Reply
           
          
    
         
    
         
         
    
          
      
         
      
        
      
       
      
      
      
      
      
      
      
     
      
     
     
      
      
      
       
      
        Popular Topics
       
      
       More>
      
      
      
      
       
      
      
     
      
     
      
      
      
       
      
        Popular Articles
       
      
      
      
      
      
       
      
      
     
      
     
      
      
      
       
      
        Popular Tutorials
       
      
       More>
      
      
      
      
       
      
        
      
         Related Tutorials
         
      
        
      
        
      
         Popular Recommendations
         
      
        
      
        
      
         Latest courses
         
      
        
      
       
      
       
       
       
      
      
     
      
     
      
      
      
       
      
        Latest Downloads
       
      
       More>
      
      
      
      
       
      
        
      
         Web Effects
         
      
        
      
        
      
         Website Source Code
         
      
        
      
        
      
         Website Materials
         
      
        
      
        
      
         Front End Template
         
      
        
      
       
      
       
       
       
       
      
      
     
      
    
      
   
      
    
      
     
      
      
      
       
      
        About us
        Disclaimer
        Sitemap
        
      
       
      
       
      
        php.cn：Public welfare online PHP training，Help PHP learners grow quickly！