HTML div未显示完整高度

时间:2012-01-09 12:40:12

标签: javascript jquery html css

我在这个相对简单的网站上工作:

http://harrisonfjord.com/folio/test.html

显示的图像为800x600;他们在中的div应按下页面底部(因此菜单/导航箭头较低)但由于某种原因,这种情况不会发生。相反,图像在y轴上被切断约550px。

我正在使用swipe.js(由对开页图像下方的箭头控制)和jQuery Cycle(由底部的导航菜单控制)。滑动脚本可能会导致问题,因为它依赖于溢出:隐藏以在页面中导航,但除此之外还要找出更多内容超出我的范围。

关于如何解决这个看似简单的问题的任何想法?

2 个答案:

答案 0 :(得分:1)

您的div没有正确的自动高度,因为ID为asics的div为position:absolute。计算父级的高度时,不会考虑绝对定位的元素。将其删除或将其更改为position:relative

<div class="adSlideBox" id="asics" style="top: 0px; left: 0px; opacity: 1; display: block; z-index: 7; ">

答案 1 :(得分:0)

Div #adSlideshow仅约为400~px,还必须进行其他操作。
你做不到#adSlideshow { height:800px; }