IE7 - 相對定位的div不在其容器中滾動

我有一個帶滾動條的div。其中，我有各種元素，其中之一是與顯示鏈接：塊和位置：相對;這個鏈接的內部是一個帶有默認定位的img，以及一個應該出現在img頂部的h3標籤，其位置爲：absolute。當我滾動DIV時，其他內容正常滾動，但這些元素及其內容保持不變。任何想法如何解決這個錯誤？IE7 - 相對定位的div不在其容器中滾動

這是一個小提琴，約。代碼如下：

http://jsfiddle.net/Z987x/

<a class="slider_link" data-ident="herb-garlic-roast-tenderloin" href="http://superfadlabs.com/clients/carapelli/recipes/herb-garlic-roast-tenderloin"> 


    <img class="slider_image" src="http://superfadlabs.com/clients/carapelli/images/sections/recipes/share_carousel_images/tenderloin.jpg" alt="Herb &amp; Garlic Roast Tenderloin" style=" 
    left: 0px; 
    top: 0px; 
    display: block; 
"> 

    <h4>Herb &amp; Garlic Roast Tenderloin</h4> 
</a> 

a.slider_link { 
    width:190px; height:220px; position: relative; display: block; margin-bottom:10px; 
    h4{ .cubano; font-size:1.8em; position: absolute; color: #fff; top:11px; left:14px; line-height: 110%; padding-right:10px; height:40px; overflow: hidden; } 
}

來源

2012-12-21 mheavers

加小提琴請:) –

看到更新的問題 – mheavers

的快速和骯髒的解決將是增加position:relative;到容器與overflow:auto;財產。

雖然，我強烈建議你考慮重新考慮你的佈局，不要依賴絕對/相對位置，而應儘可能使用浮動。

更新的jsfiddle：http://jsfiddle.net/Z987x/1/

來源

2012-12-21 20:45:06 themarkappleby

IE7 - 相對定位的div不在其容器中滾動

回答

相關問題