Question

当我关闭手风琴时，手风琴关闭且高度增加时，手指内的文字会在底部移动。

手风琴HTML：

<div id="accordion1">
    <dl>
        <dt>
            <h1>Heading 1</h1>
            <div class="accordionSlider">
                <span>text etc...</span>
            </div>
        </dt>
    </dl>
</div>

我在awsAccordion插件中将高度更改为自动：

//Set attrs for each li and div inside Horizontal       
for (i = 0; i < $(headLis).parent().find('dt').length; i++) {
    $(headLis).parent().find('dt').eq(i).css({
            'width': settings.cssAttrsHor.liWidth + 'px',
            'min-height':'100px',
            'height': 'auto'
        }).find('div.accordionSlider:first').css({
            'left': settings.cssAttrsHor.liWidth + 'px',
            'width': methods.calcDivWidthHor() + 'px',
            'min-height':'100px',
            'height': 'auto'
        });
    }
}

我不知道如何解决这个问题，有没有解决办法？任何帮助表示赞赏，谢谢。

Answer 1

使用Max-height或修正height，overflow:hidden;：

 for (i = 0; i < $(headLis).parent().find('dt').length; i++) {

              $(headLis).parent().find('dt').eq(i).css({
                'width': settings.cssAttrsHor.liWidth + 'px',
                'min-height':'100px',

                'max-height':'100px',

                'overflow':'hidden',
                'height': settings.cssAttrsHor.liHeight 

              }).find('div.accordionSlider:first').css({
                'left': settings.cssAttrsHor.liWidth + 'px',
                'width': methods.calcDivWidthHor() + 'px',
                'min-height':'100px',
                'height': settings.cssAttrsHor.liHeight 
              });

            }

水平手风琴的文字与高度auto

1 个答案: