如何使一個：懸停圖像與格框滾動

阿利特，所以我使用的教程從這個站點：http://www.webreference.com/programming/css_gallery/index.html 如何使一個：懸停圖像與格框滾動

的問題是，當我加入了更多的圖像，右邊的畫廊跌出了格邊距。解決這個我使用溢出：汽車。現在當有更多的圖像時，我可以向下滾動我的div。問題是當我將鼠標懸停在div的頂部時顯示的圖像。所以當我向下滾動太多時，圖像要麼從頂部切出，要麼根本不出現。所以它就像這裏的這個頁面一樣。如果你向下滾動這個頁面足夠遠，你不會再看到這個帖子，除非你向後滾動。有沒有一個CSS代碼，我可以用它來解決這個問題。基本上我想要一個位置：固定效果在懸停東西的div盒子裏。那麼如何編輯教程代碼來做到這一點？

來源

2012-07-03 Jeff

您能否顯示您擁有atm的？也許在http://jsfiddle.net/上創建一個小提琴？ - 鏈接頁面上的演示對我來說很重要。 – polarblau

的問題是與第9步教程

#container li { 
     float:left; 
}

知道用浮漂的一個重要概念是明確財產。由於圖像的空間超過了包含div的空間，因此圖像有效地脫離了div。有幾種方法可以解決這個問題。在這裏閱讀更多http://css-tricks.com/all-about-floats/

1. overflow: auto;像你已經實現了

2.define類

.clear { 
     clear:both; 
}

，並把< DIV CLASS = 「清除」>右鍵之前關閉的標籤容器

3.使用僞選擇器：後

.clearfix:after { 
    content: "."; 
    visibility: hidden; 
    display: block; 
    height: 0; 
    clear: both; 
}

變化< DIV ID = 「容器」 > ...到< DIV ID = 「容器」類= 「clearfix」 >

就個人而言，我更喜歡的方法3，因爲它使標記清潔。請注意方法3的瀏覽器兼容性。

來源

2012-07-04 08:53:05 AnthonyS

如何使一個：懸停圖像與格框滾動

回答

相關問題