Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/386.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
Javascript 为div提供100%的浏览器窗口高度_Javascript_Jquery_Css - Fatal编程技术网

Javascript 为div提供100%的浏览器窗口高度

Javascript 为div提供100%的浏览器窗口高度,javascript,jquery,css,Javascript,Jquery,Css,我结合了,现在有一个自定义搜索我的网站。但是,调用变形搜索时拒绝占用100%的窗口高度。我的html 您可以通过以下两种方式实现: css1 将#morpsearch位置设置为绝对,确保#morpsearch没有父对象,如果父对象确实有父对象,则确保父对象没有相对、绝对或固定位置 #morphsearch { position: absolute; left:0; top:0; width:100%; height:100%;} css2 将min height和height 100%设置为

我结合了,现在有一个自定义搜索我的网站。但是,调用变形搜索时拒绝占用100%的窗口高度。我的html


您可以通过以下两种方式实现:

css1

将#morpsearch位置设置为绝对,确保#morpsearch没有父对象,如果父对象确实有父对象,则确保父对象没有相对、绝对或固定位置

#morphsearch { position: absolute; left:0; top:0; width:100%; height:100%;}
css2

min height
height 100%
设置为
html
body

body, html {
  width: 100%;
  height: 100%;
  min-height: 100%;
}
Javascript/jQuery

$('#morphsearch').css({
    'width': $(window).width(), 'height': $(window).height()
});

在我的浏览器(Chrome、FF、IE)中看起来是100%——您使用的是哪种浏览器?这可能会有帮助,谢谢你,但对我来说还没有解决,当morpsearch打开时,它仍然没有占据整个浏览器窗口,覆盖后面的一些内容仍然可以被收集。请修改CSS和HTML