位置：絕對和溢出：隱藏？

我想在div中有一些圖像。只應顯示一個圖像。我用：位置：絕對和溢出：隱藏？

<div id="slideshow" style="width:600px;height:400px;position:absolute;overflow:hidden;"></div> 
<img src="img3.png" width="600px" height="400px" id="img3" style="position:absolute;left:0px;"> 
<img src="img2.png" width="600px" height="400px" id="img2" style="position:absolute;left:600px;"> 
<img src="img1.png" width="600px" height="400px" id="img1"  style="position:absolute;left:1200px;"> 
</div>

但圖像溢出從div和可見。我該如何解決？

來源

2012-09-29 msbg

不是我知道你在css中選擇的原因，但你爲什麼不漂浮這些圖像，而不是讓它們絕對定位？ –

我該怎麼做？（對不起，我是一個完整的初學者） – msbg

您的內聯寬度和高度聲明不僅具有無效值，而且不鼓勵。始終可用時使用CSS。並儘量避免像這樣內聯。樣式表定義會更好。也許我應該將其轉換爲答案... –

讓我們通過固定的標記開始......

<style> 
#slideshow{ 
    width:600px; 
    height:400px; 
    position:absolute; 
    overflow:hidden; 
} 

#slideshow img{ 
    width:600px; 
    height:400px; 
    float:left; 
} 
</style> 

<div id="slideshow"> 
    <img src="img3.png" id="img3"> 
    <img src="img2.png" id="img2"> 
    <img src="img1.png" id="img1"> 
</div>

所以原因是因爲你定義的位置是：絕對的家長和孩子們都。你可以用相對定位的div來包裝圖片標籤。這會將絕對位置重置到相對定位父對象的左上角。

但是，在這種情況下，您所需要做的只是向左浮動。沒有理由在幻燈片放映元素中放置絕對定位的孩子。

來源

2012-09-29 01:02:25

位置：絕對和溢出：隱藏？

回答

相關問題