我希望首先有一个文本(不是固定高度)，然后是一个 div(使用 openseadragon)来填充窗口中剩余的可用空间。我不想出现滚动条。我该怎么做？
使用这段代码:
<html>
<head>
<META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
<meta charset="UTF-8">
</head>
<body >
<div >
SOME TEXT HERE
</div>
<div id="openseadragon1" style="width: auto; height: auto; "></div>
<script src="openseadragon-bin-2.1.0/openseadragon.min.js"></script>
<script type="text/javascript">
var viewer = OpenSeadragon({
id: "openseadragon1",
prefixUrl: "openseadragon-bin-2.1.0/images/",
tileSources: "arvore/arvore.xml"
});
</script>
</body>
</html>这就是正在发生的事情:
最佳答案
假设您有一个顶部的 div，里面有一个文本，另一个 div 可以包含所有内容。
我要计算顶部 div 的高度，然后计算窗口的高度，最后我做数学运算:(window)-(topDiv)= (另一个div的高度)
通过使用 jQuery，我们可以实现: https://jsfiddle.net/linkers/x0wo280n/1/
HTML:
<div class="text">
some text
</div>
<div class="fill">
</div>
CSS:
body{
margin: 0;
padding: 0;
}
.text{
background-color: red;
}
.fill{
background-color: green;
width: 100%;
}
jQuery:
$(document).ready(function(){
var pHeight = $('.text').height();
var windowHeight = $(window).height();
$('.fill').height(windowHeight - pHeight);
alert(windowHeight);
});
关于HTML:首先是文本 div，然后是填充窗口其余部分的 div(无滚动)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35441117/