自适应（div自适应，和屏幕自适应高度）

1. div自适应内容： 由于div里的内容常常会发生变化，总是修改高度很麻烦，如果是动态页面则更不可能每次都改高度，所以div必须要自适应内容高度。

技巧： div去掉height,增加padding-bottom即可。

 

2. 屏幕自适应高度：同div自适应高度一样，有时页面的内容或多或少，甚至没有，而页面存在底部footer,如果不自适应屏幕高度，内容过少，会导致footer跑到页面中间，从而严重影响页面美观。

技巧：jqurry代码： 

<!--自适应高度js-->
<script>
    $(function () {
        var hei=$('.tabchildren2').height();
        // if (hei<500){
        //     $('.tabchildren2').css({height:'600px'});
        // };
        
       //此处不严谨，可以通过$(window).height()获取整个屏幕高度后，结合屏幕的内容高度$（‘’）.height()，相减得出判断条件。
        hei<500 ? $('.tabchildren2').css({height:'600px'}) : null ;
    })
</script>