我尝试了first回答,但在我的Chrome中它不起作用(我的内容下仍然有很多free space。可能有什么问题?
答案 0 :(得分:1)
从标签<canvas id="arrow_under_slides" height="20" width="1000">
开始,它们似乎都没有显示。 [编辑] (他们正在显示,但位置:相对移动了他们的位置。位置:绝对解决了这种情况下的问题。)
[编辑] 这是箭头右内容标记的工作代码示例,但所有画布标记必须更改为位置:绝对正确的顶部和左侧值
<canvas id="arrow_right_content" height="814" width="20" style="position: absolute; top: 135px; left: 1182px;"></canvas>
答案 1 :(得分:0)
在CSS中尝试min-height
或者使用jQuery
$('body').css('min-height', '400px');
答案 2 :(得分:0)
尝试
$('html, body').css('height', '100%');
答案 3 :(得分:-1)
可用空间是由你在那里的画布元素引起的。顺便使用这个css代码来避免获得自由空间:
html {
overflow: auto;
}
body {
font-family: Verdana;
height: 1700px;
overflow: hidden;
width: 100%;
}
如果你改变它,你必须指定身高!