我在这个相对简单的网站上工作:
http://harrisonfjord.com/folio/test.html
显示的图像为800x600;他们在中的div应按下页面底部(因此菜单/导航箭头较低)但由于某种原因,这种情况不会发生。相反,图像在y轴上被切断约550px。
我正在使用swipe.js(由对开页图像下方的箭头控制)和jQuery Cycle(由底部的导航菜单控制)。滑动脚本可能会导致问题,因为它依赖于溢出:隐藏以在页面中导航,但除此之外还要找出更多内容超出我的范围。
关于如何解决这个看似简单的问题的任何想法?
答案 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; }
?