Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何在div弹出窗口中创建div以使用弹出窗口的所有剩余高度_Jquery_Css_Html_Popup_Height - Fatal编程技术网

Jquery 如何在div弹出窗口中创建div以使用弹出窗口的所有剩余高度

Jquery 如何在div弹出窗口中创建div以使用弹出窗口的所有剩余高度,jquery,css,html,popup,height,Jquery,Css,Html,Popup,Height,我有一个弹出窗口,其高度约为屏幕的70%。 我有两个div 收割台div具有固定高度,例如20px 和一个内容div,它应该使用剩余的可用高度 目前,我使用jquery函数获取剩余高度并将其分配给content div var popup = $("#popup").height(); var header = $("#header").height(); $("#content").height(popup-header); 是否有其他/更好的方法来实现这一点,或者

我有一个弹出窗口,其高度约为屏幕的70%。 我有两个div

  • 收割台div具有固定高度,例如20px
  • 和一个内容div,它应该使用剩余的可用高度
  • 目前,我使用jquery函数获取剩余高度并将其分配给content div

        var popup  = $("#popup").height();
        var header = $("#header").height();
        $("#content").height(popup-header);
    
    是否有其他/更好的方法来实现这一点,或者是否可以只使用css

    这里是一个JSFIDLE,在这个示例中,content div设置为95%,这导致div变高


    这就是您想要的:
    jsfiddle.net/v6x35/

    这是一个选项,但您可以看到,滚动条现在会一直上升到顶部,我希望它从标题行下方开始,因为它看起来更好,以后我会在弹出窗口中有多个div。