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.

Question

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;
        }
<p  class="aircontent">
    <p  class="airlist" style="left: 0px;">
        <table >
                   
        

Answer 1

It can be solved with JS.

Answer 2

.....You have already positioned it absolutely and naturally you cannot get the height.
The suggestion is still $('.aircontent')css({aircontent:$('.airlist').height() + 'px'}):