HTML DIV沒有顯示全高

我工作的這個相對簡單的網站：HTML DIV沒有顯示全高

所顯示的圖像是800×600;他們在的div應該推下頁面的底部（所以菜單/導航箭頭更低），但由於某種原因，這沒有發生。相反，圖像在y軸上約550px處被切斷。

我使用swipe.js（由folio圖像下方的箭頭控制）和jQuery Cycle（由底部的nav菜單控制）一起使用。滑動腳本可能會導致問題，因爲它依賴於溢出：隱藏導航頁面周圍，但找出超出我的東西。

關於如何解決這個看似簡單的問題的任何想法？

您的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; ">

2012-01-09 12:54:40 Parzifal

還要考慮使用.css文件，而不是很多的風格屬性 – Parzifal 2012-01-09 12:56:22

那些樣式屬性正在由jQuery的週期增加，而不是在代碼中。考慮到擺脫它，因爲它似乎造成了一些公平的問題。 – Jascination 2012-01-09 13:03:04

無論如何，移除位置：絕對解決了問題。現在需要找到一種方法來改變Cycle，因此它不會注入血腥風格屬性！ – Jascination 2012-01-09 13:03:48

Div#adSlideshow只是約400~px，其他的事情必須繼續。
難道你不能做#adSlideshow { height:800px; }？

2012-01-09 12:49:21 T23

回答