我在这个相对简单的网站上工作:
http://harrisonfjord.com/folio/test.html
正在显示的图像为 800x600;他们所在的 div 应该将页面底部向下推(因此菜单/导航箭头较低)但由于某种原因这没有发生。相反,图像在 y 轴上大约 550 像素处被 chop 。
我正在使用 swipe.js(由作品集图像下方的箭头控制)和 jQuery Cycle(由底部的导航菜单控制)。 Swipe 脚本可能会导致问题,因为它依赖于 overflow:hidden 在页面中导航,但我无法弄清楚除此之外的任何内容。
关于如何解决这个看似简单的问题有什么想法吗?
最佳答案
您的 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; ">
关于javascript - HTML div 未显示全高,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8788578/