Question

我将morphsearch与google search合并，现在可以自定义搜索我的网站。但是，变形搜索在调用时拒绝占用100％的窗口高度。我的HTML ..

<div id="morphsearch" class="morphsearch">    			
    <form id="searchForm" class="morphsearch-form" method="post">
        <input id="s" class="morphsearch-input" type="search" placeholder="Search Dundaah..."/>
        <input class="morphsearch-submit" type="submit" value="Submit" id="submitButton" />    					
    </form>    				
    <div id="resultsDiv" class="morphsearch-content2"></div>
	<span class="morphsearch-close"></span>
    <span class="morphsearch-close2"></span>    				
</div>

指向css的链接，component.css js script2.js和search.js问题的一个示例website（点击红色拳头查看搜索）。我已经尝试了100vh，没有工作......非常感谢。

Answer 1

您可以通过以下几种方式完成此操作：

CSS 1

您将#morphsearch位置设置为绝对位置，确保#morphsearch dosent具有父级，并确保他们确实没有相对，绝对或固定位置。

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

CSS 2

将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()
});

给div 100％的浏览器窗口高度

1 个答案: